Blank Header Problem

I am having an issue where when cache is enabled, randomly when you go from one page to another all of the sudden the whole header only shows the background colors and no icons, logo, or menus show.

It also happens more frequently when a user opens a page in a new tab. For example, if I am on the homepage and right click on the shop page and open in a new tab.

This never happens on mobile, only on desktop. https://imgur.com/z7MnGxN

Is there something I need to adjust here or exclude from cache?

It also happens randomly if you make the browser window size smaller (enough to where it changes to the tablet header) and then make it full size again. When this happens, if I refresh the page it usually shows the second time. However, when a user opens a page in a new window while still having the initial page open in the first tab, when the header doesn’t load it never does whether you refresh the page or not. Then when you close the initial page and only have the 2nd page open that doesn’t show the heading, if you refresh it does work.

This is very odd behavior.

Hi themassapothecary ,

Thanks for reaching to us.

You should disable Mobile DOM optimization (experimental) option in Theme Settings > Performance > Other and double check. https://prnt.sc/NEd76ZnsfTVD

Regards,

Thank you, but I have already read past topics and the documentation. That mobile experiment feature is disabled. It still happens

Hi themassapothecary,

It looked well on my end, please purge cache and check again.

Regards,

I have purged site and server cache. It happens randomly, but It is still happening.

Hi themassapothecary,

Such happens only when the Separate cache option is disabled and the Mobile DOM optimization is enabled, but in your case, if you have disabled the DOM optimization and still see the issue, then it’s a cache issue, so I suggest clear the site/browser/server cache and recheck the issue.

Next time for the Mobile DOM optimization option enable the Separate cache for mobile devices to make it work correctly, either disable the Mobile DOM optimization at all. https://prnt.sc/TxxANA4IqEeQ

Kind Regards

Is there anything I can exclude from cache to prevent this? Mobile dom experiment is already disabled. I’ve cleared cache multiple times. I’m using Flying Press not wp rocket.

Hi themassapothecary,

For specialized assistance and potential solutions, I kindly suggest that you reach out directly to the their support team, who are better equipped to provide you with the guidance you requires.

Regards,

[Author]

Posts