[resolved] Sub-nav stuck behind everything? (4 posts)

  1. niftysmith
    Posted 3 years ago #

    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:


  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    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.

  3. niftysmith
    Posted 3 years ago #

    I haven't applied any additional z-index CSS because I figured _s (Automatic's new blank template found at underscores.me) 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.

  4. niftysmith
    Posted 3 years ago #

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

    Resolved myself. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic