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

Divi Ultimate Page Load "Blink"

Discussion in 'Basic Support Forum' started by Don Johnson, Aug 5, 2020.

  1. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Not sure how to describe this. Just finished another site in Divi Ultimate and when I go to load a page it shows an unstylized blink and then loads the actual page. I am not sure if this is a Divi Ultimate thing, a Divi thing or something else. Hopefully there is a way to fix this.

    I created a screencast so you could slow it down to see what I was saying.

    https://www.screencast.com/t/m2GM36QKI

    https://steri-apps.com/
     

    Attached Files:

    #1 Don Johnson, Aug 5, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Check this out: https://divi.help/threads/glitch-when-loading-site.2311/#post-7235
     
    #2 Divi.Help Pro Support, Aug 5, 2020
  3. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    #3 Don Johnson, Aug 6, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  4. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Unfortunately I spoke too soon. This solution worked on all the Wordpress pages. However the WooCommerce pages are still blinking.

    I hate the idea of a preloader plugin. Is there any other way that you know of?
     
    #4 Don Johnson, Aug 6, 2020
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Divi Static CSS File Generation doesn't seem to work on injected elements for custom post type pages. There's nothing we can do about that.

    If you do not wish to use preloader, then the only workaround is to use Divi Theme Builder for your custom header. It seems to work with Static CSS File for custom post type pages.
    **But do note that if you use your custom header style in Divi Theme Builder, you will need to create a new section for the mobile menu.
     
    #5 Divi.Help Pro Support, Aug 7, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  6. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)


    I appreciate your reply. Clearly this isn't really a Divi Ultimate issue per se. Unfortunately even with Static CSS File Generation, WP Rocket and a Preloader Plugin the WooCommerce pages are flashing (even before the preloader shows).

    https://steri-apps.com/shop/
     
    #6 Don Johnson, Aug 7, 2020
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It looks fine to me. The reason it might still be flashing to you: The CSS of the preloader is loaded through a file. Might be done by your cache plugin.

    To make the preloader CSS loaded inline, you may try:
    1. Go to edit your custom header in WP Admin > Divi > DU - Header
    2. Look for existing code module or add a new code module & add the below code:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help Pro Support, Aug 7, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  8. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Again I truly appreciate your help. By the time you saw it I had changed preloader plugins. The previous preloader plugin was still showing the blink, switching to the Smart Preloader fixed the issue.
     
    #8 Don Johnson, Aug 7, 2020
    Divi.Help Pro Support likes this.
  9. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    If you don't mind a follow up question...the "preloader" works, but my client is constantly complaining about it.

    You suggested the only workaround is to use Divi Theme Builder for your custom header. It seems to work with Static CSS File for custom post type pages.

    Is there a link or explanation on how to do this?
     
    #9 Don Johnson, Aug 11, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Here are the steps:
    1. Go to WP Admin > Divi > Theme Builder.
    2. Click "Add Global Header" > Add From Library > Your Saved Layouts > Your custom header style
    3. And lastly you will need to add a new section for your mobile menu (Fullwidth section + menu module). Then set it to show on mobile only in the Section Settings > Advanced > Visibility.
     
    #10 Divi.Help Pro Support, Aug 11, 2020
  11. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Again thanks for the answer. Unfortunately I am not sure if that will work. I actually removed the Divi Ultimate header and tested the Standard Header...the header loaded as normal but the WooCommerce pages "flashed" once the page loaded the first of the builder content.

    And now..the site is "flashing" BEFORE the preloader loads....this is a nightmare haha.
     
    #11 Don Johnson, Aug 12, 2020
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Sorry to say that that's all the workaround / advice that we know of. Don't have any further advice on that.
     
    #12 Divi.Help Pro Support, Aug 12, 2020
  13. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    I appreciate it. I do have one more issue, and figured I wouldn't start a new thread.

    At Checkout...once order is submitted...the Header Breaks. Is this just another instance that suggests I need to switch over to the Theme Builder Custom header option?
     

    Attached Files:

    #13 Don Johnson, Aug 22, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Since you're using preloader, try to disable Static CSS File Cache & see if it works: WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Disabled
     
    #14 Divi.Help Pro Support, Aug 22, 2020
(You must log in or sign up to post here.)