Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By david7 on
Hi, after inserting a custom logo, the logo seems to push the primary links over, see screenshot:
It's a similar problem to the post at http://drupal.org/node/276207
Except I'm not using nice menus, just the default Pixture theme.
I've tried removing rowspan=2 as suggested in that post. The primary links ("Link 1, Link 2..." in the screenshot) then use up the full width of the page, but are pushed down past the horizontal black bar onto a new line.
Any idea how can I stop the logo pushing the links over?
Firefox web dev gives the css for the logo as
html .js > body > div #wrapper > div #container > table #header > tbody > tr > td #logo
The box to the right of the logo (where the site slogan is) as
html .js > body > div #wrapper > div #container > table #header > tbody > tr > td #site_name
And the primary links as:
html .js > body > div #wrapper > div #container > table #header > tbody > tr > td #menu
Many thanks.
Using Pixture 6.x-1.1, Drupal 6.12.
Comments
.
Yep, i had this happen.. The problem or reason in my case was the logo was to tall and it got in the way of the primary links div.
I just made the logo less tall or shorter height and all was well.
I tried that but no luck.
I tried that but no luck. Making the logo smaller simply made the logo smaller and everything else stayed as is.
I think the problem is this area in the red rectangle
http://skipall.com/17c.png
which firefox web dev style information identifies as:
html .js > body > div #wrapper > div #container > table #header > tbody > tr > td #logo
It seems to be taking up too much space and pushing the primary links across
.
How did you make the logo smaller? by resizing it with image edit program and reload it.. If so, you may try renaming the logo to a different file name so the system will see the change.
.
sorry it took me so long to get back on this.. was working on a site..
I should add that clearing the cache can help to force system to see a change/
edit The stock logo is 118px height
...
very hard to diagnose something like this without seeing it live - any number of CSS bits could be leading to this result.
only thing you can do it use firebug to look at all the related elements, see what's pushing what around and tweak margins, paddings, heights, widths, or whatever it is that'll fix it.
.
Ok fixed it.
In the theme file page.tpl.php I removed 'rowspan=2' from the line
This prevented logo from spanning 2 table rows and forcing the primary links over.
@dbeall: my custom logo is 80px high instead of 118px, this doesn't push the primary links across but it does push them further down the page creating a nasty gap. So that's fixed as well.
Many thanks!