1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Secondary Nav hides primary nav dropdown menu

Discussion in 'Free Divi Community Forum' started by Rachel Korpella, Mar 31, 2025.

  1. Rachel Korpella

    Rachel Korpella New Member

    My website has a sticky menu with a secondary menu bar that only appears on scroll, but the second bar sits on top of the dropdown menu of the primary nav, preventing it from staying open when you move down to click. (Only when scrolled, it works fine at the top of the page since the secondary bar is not there.) Z index is not fixing the issue.

    https://teenchallengeranch.com/

    I tried this code from another topic but it didn't help either.

    .et-l--header .et_builder_inner_content {
    overflow: visible!important;
    }
     
    #1 Rachel Korpella, Mar 31, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hi Rachel,

    It's due to the z-index levels set on the sections. When sticky, the secondary bar section has a z-index of 10010, while the primary nav section has a z-index of 10. To fix this, you need to make the primary nav section have a higher z-index that the secondary bar.

    You should be able to do this within the section settings but, if you need it, this CSS will increase the primary nav z-index to be larger, which should make its dropdowns display in front of the secondary bar:

    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi Booster, Mar 31, 2025
(You must log in or sign up to post here.)