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

Solved Header Jumps/Flashes Upon Page Load

Discussion in 'Basic Support Forum' started by Lauren Dahl, Sep 19, 2019.

  1. Lauren Dahl

    Lauren Dahl New Member
    Divi Ultimate Header Plugin

    HI there - I read the other couple posts related to this issue and tried the steps that were mentioned there (using a preloader, changing settings in Divi options, etc.). However, I still have the jumping with both of those options. Can you take a look at my site and tell me what else I might try? (I have deactivated the preloader now since it didn't work.) It's like it takes a couple moments for the CSS to load on the header, so during that time, there is a flash of the header logo on a white background, and the nav bar jumps up to the correct margin. It appears clunky. Thanks! https://851afb1d032186493.temporary.link/
     
    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
  2. Lauren Dahl

    Lauren Dahl New Member
    Divi Ultimate Header Plugin

    I fixed it by adding the following css to my custom css:

    #page-container { padding-top:130px !important; }
    #main-header { top: 36px !important; }
     
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I still see your jumping header. To fix it, you just need to:
    1. Go to the first Section settings & set padding bottom to be 0.
    2. Go to the first Row settings & set padding bottom to be 0.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo