Twenty Twelve integration problems
-
The menu top level is not aligning, and jumping all over the place on hover. The black background is tall enough for the sub-menus even when they are hidden. And the width of the top menu li shifts when I hover. Unfortunately, I can’t post a link due to confidentiality. This is a production site and I am working on a local copy, testing this menu.
I have removed the child theme so it is pure Twenty Twelve, searched the docs and forum, removed the residual styling by removing nav wrapper (etc) in the header.php so that is is just…
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
As I read this, I did update everything to the latest releases and it didn’t fix it.
No js errors in the console.I did a little exploration in browser developer tools and temporarily changed
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { ... vertical-align: top; }
That helps vertically but I still get the shimmy on hover horizontally.
I am sure that’s a hint but I am not sure where to go with it.And now I am stumped, what to try next?
Thanks,
Teresa
- The topic ‘Twenty Twelve integration problems’ is closed to new replies.