Custom Header Flickery Loading

  • sebasreis

    (@sebasreis)


    5 years, 7 months ago

    Hello,

    I’m building an e-commerce website using oceapWP, woocommerce and Elementor on localhost (can’t share link to website, but can make a video showing the problem if needed).
    I’ve been building my custom header in the “Theme Panel” library using Elementor. The problem is that when I load the shop page and the single product page (and when I refresh) my costum header loads with a different layout (different size, menu positioning…) before loading correctly (it shows incorrect layout for a brief moment).

    For other pages this doesn’t happen, only for the shop and single product pages.

    I’d appreciate if you could help me with this problem !

    Best Regards,
    Sebastião Reis

    • This topic was modified 5 years, 7 months ago by sebasreis.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Abhishek

    (@abhikr781)

    5 years, 7 months ago

    Hi,

    Please go to Theme Panel > SCripts & styles, disable/enable all the files and check.

    SHare your wordoress memory limit and PHP version that you are using?

    Thread Starter sebasreis

    (@sebasreis)

    5 years, 7 months ago

    Thanks for the reply!

    I disabled every script/style and the problem persists.

    My wordpress mem limit is 256MB and my PHP version is 7.4.1

    View post on imgur.com

    Abhishek

    (@abhikr781)

    5 years, 7 months ago

    Hi,

    Then the memory limit could be an issue. Please try to increase the memory limit to 512M or 768M.

    Thread Starter sebasreis

    (@sebasreis)

    5 years, 7 months ago

    Hello,

    After changing the memory limit to both 512M and 768M, the problem persists.

    I accidentally created 2 equal topics and in the other one you asked me to do this:

    “Would you be so kind and go to Elementor > System Info and copy/paste the report back to us so that we can take a look?”

    So here is that info:

    View post on imgur.com

    momo-fr

    (@momo-fr)

    5 years, 7 months ago

    What widgets you use in the header?

    Thread Starter sebasreis

    (@sebasreis)

    5 years, 7 months ago

    I use the Elementor Pro widget “Nav Menu” for the menu bar section , “Site Logo” for the logo, “Search form” for the search bar and the woocommerce widget “Menu Cart” for the cart icon.

    The menu bar, search bar and the cart icon are all “flickering” on loading. I tried creating a header with only the menu bar and it flickers, and tried creating a header with a single section including the search bar and cart icon, and they flicker.

    Abhishek

    (@abhikr781)

    5 years, 6 months ago

    Hi,

    Please try to follow the post, this could help you with the issue: https://elementor.com/help/dealing-with-flickers-fouc/

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Custom Header Flickery Loading’ is closed to new replies.