1. LIMITED-TIME OFFER Get 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
Dismiss Notice
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
Learn MoreTry Free Version

Z-index with fixed menu

Discussion in 'Free Divi Community Forum' started by Jason Hartig, May 23, 2020.

  1. Jason Hartig

    Jason Hartig New Member

    I am needing to have a single element scroll ABOVE my fixed menu in my template. I have tried setting z-index for the element but have not had luck.

    Any ideas on setting z-index for the fixed menu and the module to be above it? Simply setting a higher z-index didnt word, I assume because of inheritance or something.

    I am not sure if I need to set positions as well relative or absolute.

    Any help appreciated.

    In the image, I have a fixed header with a pull out main menu.(translucent at the top) On a specific page I have a menu module that scrolls and becomes sticky at the top of the page, but it is under the main menu and therefore cannot be clicked.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I don't think that's possible.

    This is because the header & the content area are two different container. It's either the header overlap the content area, or the content area overlap the header.

    You can't have a single element in the content area to overlap the header.