Support » Themes and Templates » Sub-nav stuck behind everything?

  • Resolved niftysmith


    I’ve just gotten started modifying the _s theme for a new client site and noticed that the drop-down sub-menu is “trapped” behind the header container, despite being absolute with a z-index of 99999 right out of the ZIP filed box, if you will.

    Any suggestions on how to pull it out of there and make sure it shows up on top of everything?

    .main-navigation 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;
    	position: absolute;
    		top: 1.5em;
    		left: 0;
    	z-index: 999999;

    Unfortunately, I don’t have a link because we use company-side test servers and a local root site. Here’s a screenshot, though:

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins


    Forum moderator

    As this is a CSS-based issue, consider posting on a CSS-specific forum. It does seem you haven’t applied z-index correctly by only applying it to one element.

    I haven’t applied any additional z-index CSS because I figured _s (Automatic’s new blank template found at would work “out of the box,” which is why I was confused.

    I figured posting here under Themes/Templates would be more useful than the CSS forum because the issue was with the theme more than my coding. I’ve hardly started applying any CSS of my own. 😉

    Anyway, I guess I’ll mess around with the z-index of the navigation in general and see what’s up with the theme. Google searching and searching the forum here haven’t brought me any help yet.

    Fixed it. My grid had overflow:hidden on the navigation row and that totally made the drop-downs disappear.

    Resolved myself. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sub-nav stuck behind everything?’ is closed to new replies.