Hi,
I am having trouble centering the logo and the navigation on my zen sub-theme. I have searched all the forums and tried all the suggestions but nothing works. This is seriously driving me insane.

Here is a link to my site: http://coffshbr.com/marlins2/

Could someone *please* help me out here before I completely give up on Drupal, I've spent time trying to learn it and after all this time not being able to centre anything? Frustrating to say the least.

Comments

hayyyyydos’s picture

I have worked out how to center the navigation, however I still can't center the logo.

To center the navigation, you need to set #navigation .menu to have text-align:left; however this has to be done in the misc.css file, NOT the style.css file.

Any assistance with centering the logo would be much appreciated.

Thanks

hayyyyydos’s picture

And, of course, I worked out how to center the logo.

In misc.css, change:

/* Logo image. */
.header__logo-image {
  vertical-align: bottom;
}

to:

/* Logo image. */
.header__logo-image {
  display: block;
  margin: 0 auto;
  vertical-align: bottom;
}
Christopher James Francis Rodgers’s picture

Status: Active » Closed (fixed)
star-szr’s picture

Category: Bug report » Support request
Priority: Major » Normal
Issue tags: -center

@hayyyyydos glad you got it sorted out. Fixing up the category and priority because this was not a major bug report.