A mobile website displays an unwanted white gap between the sticky header and slideshow that persists for over 20 seconds before disappearing. On desktop, this gap delays the slideshow from loading for more than 10 seconds.
Proposed Solutions:
</head> tag, targeting an announcement bar that appears after 10 secondsCurrent Status:
The issue remains unresolved. The original poster confirmed the first suggested fix did not work, and the slideshow still takes 20 seconds to fully load. A follow-up code snippet was offered but the conversation appears ongoing with no confirmed resolution yet.
Hi guys,
In moible view, got unnecessary Ghost white gap between sticky header and slideshow that appears and lasts for more than 20 seconds, then disappears.
In desktop view, the ghost gap holds the slideshow of uploading compelety for more than 10 seconds before uploading 100% completed.
Thank you,
Hi @Alliance
This is Victor from PageFly - Shopify Page Builder App
That ghost gap because of the red annoucement bar only appear after 10second
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hi @Alliance ,
Please go to Actions > Edit code > Assets > theme.scss.liquid file and paste this at the bottom of the file:
@media screen and (max-width: 749px){
#PageContainer {
padding-top: 65px;
}
}
Hope it helps!
Hi, unfortunately it didn’t work out. Still the slideshow holds for 20s to be fully uploaded.
So sorry for the late response, you can try this code again in theme.liquid
Hope this can help you solve the issue