-
AuthorPosts
-
January 28th, 2016 at 01:00 #35354Jamal
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?
January 30th, 2016 at 02:56 #35372RichardI 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?
February 7th, 2016 at 22:42 #35507RichardSince 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
-
AuthorPosts
The topic ‘Primary Menu No Longer Centered’ is closed to new replies.