Primary Links relocates into website
comrad - June 16, 2008 - 17:28
| Project: | Contented7 |
| Version: | 6.x-2.11 |
| Component: | User interface |
| Category: | support request |
| Priority: | minor |
| Assigned: | hswong3i |
| Status: | closed |
Jump to:
Description
I use the Drupal 6-Version of your theme. And on Firefox 2 the Primary Links-Group on the upper right moves into the website. On the IE7 it its grouped but moved together.
You can watch it live on: http://www.holarse-linuxgaming.de
Any ideas?
Thanks for the great theme btw!!
#1
Hey man... You didn't give enough space for your header right region... The title image is 900px width but the page is only with maximum 1260px... So for sure that the primary menu will not have enough space to display and move away... Check my live demo and compare with the different.
The solution is simple: open your image editor (e.g. GIMP), retouch your title image, remove the useless space from right side, and save it. Remember that the total width of your title image + primary menu MUST WITHIN the totally width limitation of your page layout :-)
#2
Hmm... don't set it as fixed before user response...
#3
Hi, thanks for the info! I got the same solution and fixed it as you said! Is there a way to be able to use a larger image title?? My current logo is very small to fit :-(
For the protocol: its fixed :) Was not a bug, but a user's problem.
#4
Welcome :-)
Just give you some more hints for customization. As header region is now set as fixed height, for sure that your original title image will be too large (the version that I have check for you on this morning). Here is the related code:
#wrapper #container #header {height: 100px;
}
On the other hand, primary menu is set as fixed distance from top of header region (
margin: 73px 0 4px;), so if something (e.g. your large title) is placed on top of it, primary menu will located FAR AWAY from original position and go into main content region (i.e. the case that you have just faced). If you arrange the title image and header region into suitable height, you may simply set the top margin into smaller value:#header ul.primary-links {display: block;
float: right; /* LTR */
color: #EEE;
background: #C63;
list-style: none;
text-align: center;
margin: 73px 0 4px;
padding: 0;
}
#5
Great!! I placed your css-code into the custom.css file and uploaded an larger image. it worked instantly :)
You rock! :-D Thanks a lot!
#6
Wait... The code provided above is the ORIGINAL version from style.css. You should MODIFY them before paste to your custom.css. I give a look to your site with Firefox3 web developer plugin, and found that there is no space left between title image and the bottom of header region. If that is fine for your case then let it be, or else you may need some fine tuning :-)
Just an example, add extra 20px (100px -> 120px) to the header region:
#wrapper #container #header {height: 120px;
}
#header ul.primary-links {
margin: 93px 0 4px;
}
#7
Hopefully it should be fine now. Please correct me if still have problem :-)
#8
Automatically closed -- issue fixed for two weeks with no activity.