If I choose to hide the header in the Banner, my header will be white at the moment it is opened. Only when the loading is completed will it become a positive state. Can this be resolved?
Topic summary
A user reports a visual issue with the Shrine-pro theme where the header displays as white during page load before transitioning to its normal state when the header hiding option is enabled in the Banner settings.
Technical Cause:
- JavaScript is temporarily adding code that causes the white flash
- CSS fixes won’t resolve the issue due to JavaScript interference
- The specific file/code section causing the problem hasn’t been identified
Support Response:
- Diagnosing and fixing this requires significant time and effort
- The support representative provides only superficial assistance through this platform, prioritizing premium support customers
- Such loading state issues are common across websites
Resolution Status:
- Unresolved - The user is advised to either:
- Seek premium support services for in-depth troubleshooting
- Explore alternative approaches to achieve the desired header behavior
- Consult other community members for assistance
Where exactly are you performing the hiding process? Also, what is the website?
Terence..
https://shrine-pro.myshopify.com/
When the header is opened, there will be white color before it becomes normal
I see. JavaScript is temporarily adding some code, which causes the issue. Even if we try to fix this with CSS, JavaScript will still interfere. Although I’m not sure which part of the file is affecting this, it can be found with some time and effort. If you’re not familiar with JavaScript, I recommend being very careful!
What should I do? Send you my website. Or will I send you a copy of the theme file?
Please don’t take it the wrong way, but solving this problem might require a significant amount of effort on our part. I use this platform only to provide superficial assistance in my spare time left over from Shopify premium support customers. Such issues are common on every website. So, if you have a website, there are always problems or different needs arising. That’s why we offer ‘premium support’ services for such issues.
Therefore, if there’s a different approach, we can solve it that way.
If you’d like, you can also seek help from other individuals.
I hope there’s no misunderstanding.