[Jamal]

After being updated to the latest version of Tempera. My main menu is no longer centered. The setting was never changed. Even changing the Menu Alignment setting to “Left” or “Right” does nothing. What can be done to fix this?

[Richard]

I have the same problem after upgrading Tempera to 1.4.0.1 yesterday. The menu won’t change alignment, regardless of what position I put in Serious Theme Settings editor (version 0.5.5). Manually editing my CSS to include #access{width:100%}, which seemed to fix this problem for others in the past, also does nothing.

This menu alignment issue also affects the latest version of Tempera as well, as you can see here: http://northside-art.org/.

Is there a fix for this?

[Richard]

Since there is no official response on this, I used the following code to fix the centering problem:

/* Menu Hack */
#prime_nav {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#prime_nav li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}

Place it at the end of your CSS file and you should be fine. Here’s an explanation of what the code does: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

You’ll also need to put this in the custom CSS area found in Tempera Settings > Miscellaneous Settings, or any dropdown ul’s box shadow will extend beyond the ul:

#access ul ul{box-shadow:none}

I don’t know if this problem was caused by me running a child theme, but I highly doubt that because my menu styling was untouched except for color mods and mobile fixes.

Hope that helps you out, Jamal (and anyone else having this problem).

P.S. I meant this problem also affected the latest version of Nirvana in my first post. XP

[Author]

Posts