Menu overflows onto second line and shows through dropdown.
Posted: Mon Jun 25, 2012 12:37 pm
Mega Menu is only intended to work with a single row of top-level entries. It will probably work with long list that overflows onto a second line but you may find the second row entries showing through the top-level drop-downs.
To fix this try:
Look in Settings / Site Options / Layout / Multi Column Menu / Menu Theme and note down what's set there.
Go to Design / Library / Layouts / Multi Column Menu and open the <Menu Theme> entry from above.
Look for a block of code starting with ul#topnav li { like the following from the configurable style:
Change the line:
To be:
OK out and see if that fixes things.
To fix this try:
Look in Settings / Site Options / Layout / Multi Column Menu / Menu Theme and note down what's set there.
Go to Design / Library / Layouts / Multi Column Menu and open the <Menu Theme> entry from above.
Look for a block of code starting with ul#topnav li { like the following from the configurable style:
Code: Select all
ul#topnav li {
float: left;
height: 27px;
margin: 0; padding: 0;
border-right: <actinic:variable name="MenuTopBarSeparator" />;
position: relative; /*--Important--*/
z-index: 8888;
}
Code: Select all
z-index: 8888;
Code: Select all
/* z-index: 8888; */