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 Divi sticky header not working

Discussion in 'Free Divi Community Forum' started by wildatease, Mar 28, 2020.

  1. wildatease

    wildatease New Member

    Hi guys,

    I've made a global header and used the position fixed and z-index to place it on top and overlapping the content, but it's not working...

    I've tried both ways... through the fixed position feature the header disappears, and when I place some CSS on the main element of the section of the global header, it gets on top, but not fixed. So, every time I scroll down, the header disappears... the CSS I'm using is:
    position: fixed;
    top: 0;
    left: 0;

    Another problem is that the header is not overlapping the content, as you can see in the image below... so, it gets a white background, instead of the content, and the shadow it's being covered by the first section...

    Thanks...

    Captura de ecrã 2020-03-28, às 16.18.11.png
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  3. wildatease

    wildatease New Member

    I'm designing the website and it's in "coming soon" mode... www.wild-at-ease.com
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Without accessing your site, it's hard to guess the issue.

    But for the fixed header issue, try the below CSS in Divi > Theme Options > Custom CSS & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
    wildatease likes this.
  5. wildatease

    wildatease New Member


    Thanks :) it worked like this:

    header {
    position: fixed;
    z-index: 99996!important;
    width: 100%;
    }

    Take care and thank you once again for your help!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  6. sopwafel

    sopwafel New Member

    I had this problem too. Turns out I was pinning the menu to the top, but not the row the menu is in, nor the section that row is in. Once I pinned all 3 to the top, my menu stayed on-screen nicely.