1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Solved Column scrolling on top of sticky header

Discussion in 'Free Divi Community Forum' started by Khalid Saeed, Dec 10, 2024.

  1. Khalid Saeed

    Khalid Saeed New Member

    #1 Khalid Saeed, Dec 10, 2024
    Last edited: Dec 10, 2024
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Your page is not published, so wasn't able to view it.
     
    #2 Divi.Help, Dec 11, 2024
  3. Khalid Saeed

    Khalid Saeed New Member

    #3 Khalid Saeed, Dec 11, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  4. Divi Booster

    Divi Booster Divi Expert

    The issue is that the z-index on the header section is less than that of the section with the sidebar and so the sidebar appears in front of it. The same is true of the "Please Note We Do Not Accept Health Insurance" bar.

    If you give the header and footer sections a z-index greater than 10000, I think that should sort it out. You set the z-index at:

    Section Settings > Advanced .> Position > Z Index.

    Here's the equivalent CSS, if you need it:

    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi Booster, Dec 11, 2024
  5. Khalid Saeed

    Khalid Saeed New Member

    So when I set the z index as suggested, the header and footer both disappear in that section.
     
    #5 Khalid Saeed, Dec 11, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  6. Divi Booster

    Divi Booster Divi Expert

    Hey Khalid,

    Sorry, I wasn't clear:

    * DON'T set the z-index on the "How EMSHAPE® NEO PLUS Works" section
    * DO set the z-index on the header section (e.g. to 10002)
    * DO set the z-index on the "Please Note We Do Not Accept Health Insurance" bar (e.g. to 10001)

    Currently, you've set the z-index on the "How EMSHAPE® NEO PLUS Works" section, bringing that whole section forward and so it now completely hides the header and footer, which is the opposite of what we want. Remove the z-index you've just set on that section.

    I hope that helps!
     
    #6 Divi Booster, Dec 11, 2024
  7. Khalid Saeed

    Khalid Saeed New Member

    Ahh! Light bulb goes on. That did the trick. Thank you!
     
    #7 Khalid Saeed, Dec 11, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  8. Divi Booster

    Divi Booster Divi Expert

    Ha ha! You're welcome, Khalid :)
     
    #8 Divi Booster, Dec 11, 2024
(You must log in or sign up to post here.)