Menu overflows onto second line and shows through dropdown.

Horizontal menu bar with dynamic multi column drop-down display.
Post Reply
norman
Site Admin
Posts: 1248
Joined: Sat Feb 07, 2004 9:55 pm

Menu overflows onto second line and shows through dropdown.

Post by norman »

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:

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;
}
Change the line:

Code: Select all

	z-index: 8888;
To be:

Code: Select all

	/* z-index: 8888; */
OK out and see if that fixes things.
Norman
Post Reply