I am trying to fix an issue where there Is an empty blank header on desktop and devices. This usually happens when I open the webpage for the first time or after I clear the cache. (Attached screen grabs). the logo appears very large than shrinks to the correct sizing after scrolling. It is more noticeable on safari, Firefox and IOS.
After the page is loaded it assigns itself the "stylesheet" rel attribute:
onload="this.onload=null;this.rel='stylesheet'"
If you disable that caching plugin this will be fixed. So its not related to Kalium theme. However most of caching plugins provide option to exclude certain files, so you can set /kalium/assets/css/*.css path to be excluded.
Hi there
I am trying to fix an issue where there Is an empty blank header on desktop and devices. This usually happens when I open the webpage for the first time or after I clear the cache. (Attached screen grabs). the logo appears very large than shrinks to the correct sizing after scrolling. It is more noticeable on safari, Firefox and IOS.
Thanks always for your help
cheers
Reuben
Hi,
I have checked your site and saw that the main style of the page is not being imported as "stylesheet":
After the page is loaded it assigns itself the "stylesheet" rel attribute:If you disable that caching plugin this will be fixed. So its not related to Kalium theme. However most of caching plugins provide option to exclude certain files, so you can set /kalium/assets/css/*.css path to be excluded.
Thank you!
Works now.
Yes I think the Caching plugin is the issue!
Cheers
I'm glad to hear that
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great day!
Will set this ticket as solved from here.