1. HOT Add more varieties for your Divi header (12 premade styles): https://header.diviultimate.com/
NEW Divi Block - Online drag & drop tool to easily mix & match 320+ premade Divi blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, footer, etc. We also added NEW special module designs, such as Before & After Image Slider, Masonry Gallery, Promo Bar, Logo Carousel, etc.Try Free Version

Solved Header jumping on load - css works only on hompage...

Discussion in 'Free Divi Community Forum' started by Federico Wenzel, Jul 18, 2021.

  1. Federico Wenzel

    Federico Wenzel New Member

    Hello, I have a problem of header jumping on load, in my website. I added this CSS snippet:

    #page-container {
    padding-top: 106px !important;
    }
    #main-header {
    top: 0px !important;
    }}

    But it only works on the homepage. On the other pages, I still have the problem of header jumping. How can I make it apply to all pages?

    https://fedewenzelski.com/ that's my website

    Thanks a lot!
     
    1. AD Create awesome masonry galleries with Divi Masonry Gallery:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    #main-content .et_pb_section:first-child {
        padding-top: 106px!important;
    }
     
    Federico Wenzel likes this.
  3. Federico Wenzel

    Federico Wenzel New Member

    Thanks a lot! you rock! months and months trying to solve this... I really appreciate it!
     
    1. AD A versatile multipurpose plugin with lots of modules to design & customize different aspects of the Divi theme:Learn More
  4. Federico Wenzel

    Federico Wenzel New Member

    Hello, your code only works on pages. The blog posts still have the header jumping. Is there another code to add?? thanks!
     
  5. Federico Wenzel

    Federico Wenzel New Member

    could you help me please?
     
    1. AD 90+ Divi Footer layouts specifically built keeping in mind modern design trends:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this instead:
    Code:
    body.single #main-content .container {
        padding-top: 160px!important;
    }