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

Jarring header on load

Discussion in 'Basic Support Forum' started by Nate Yarbrough, Feb 8, 2019.

  1. Nate Yarbrough

    Nate Yarbrough New Member

    On my site, EXPLORIST.life, I am using the Divi Ultimate Header 5.

    When the page is loading, a second header is shown for a second before it reverts to 'normal' which is a bit jarring. I there any way to make this not happen?

    Header while loading:

    before1.png


    Header once loaded:

    After1.png

    Also, is there a way to decrease the distance above the menu bar to make it even with the amount of space below the menu bar?

    InkedAfter1_LI.jpg
     
    #1 Nate Yarbrough, Feb 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    This is how Divi works for injected elements. It will first load the content, then only the CSS to style it.

    There are 2 workarounds:

    1. Use a preloader plugin to hide the page until it's fully loaded. There are plenty free preloader plugin out there. For example: https://wordpress.org/plugins/the-preloader/

    2. Go to Divi > Theme Options to set up the below settings. After you set that, visit every page of your site & Divi will save a copy of the CSS of each page in file format. The next visit to your page will have the CSS file load first & you don't have to see the 'flashing'.

    upload_2019-2-8_22-30-32.png

    It's because of your custom menu item - Subscribe. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, Feb 8, 2019
(You must log in or sign up to post here.)