Eric

I added “Test Submenu” to the “Home” top menu item, and it also appears under the “Services” top menu item. The submenus seem to be attached to that second top menu spot, because when I switch the top menu items around, all the submenus continue to appear under whatever is in that second top menu spot.

The CSS for the submenu items are below. When I take off ‘absolute’ from the position attribute, the submenus fly all over the place.

.menu-header ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0 0 0 286px;
position: absolute;
top: 15.76em;
left: 0;
width: 188px;
z-index: 99999;
}

I’m having a similar issue with my site, https://www.goudaproductions.com. When you hover over the “Portfolio” menu item, the submenu appears under the “Services” menu item instead, which is to its’ left. The problem does not seem to be specific to the “Services” menu item, since I placed the “Home” menu item in the second spot, and all submenus appeared under it. It seems it has something to do with the second menu item attracting all the submenus. Thoughts?