Product page loads with a locked transparent grey screen on mobile

Flamora
Visitor
1 0 0

Hello,

 

My product pages loads with a grey screen when clicked directly through a link on mobile, and you cant scroll on the page and so forth. The issue lasts for about 6-7 seconds, before i can use my page. Everything loads quickly, other than i cant use my site. Link for example product: https://flamora.dk/products/650-x-400-vaeghaengt-biopejs-i-hvid

Hope i can get help for my problem. Thank you in advance 🙂

Best regards

Replies 2 (2)

tim
Shopify Expert
3464 280 1285

A Foxkit app seem to show a modal popup when you go directly to product page. The app then sets a cookie and do not show this popup again.

It's the same "Tilmeld Dig Vores Nyhedsbrev" popup, just somehow it does not show any content on mobile because of the following CSS rule:

@media(max-width: 767px) {
  .mobile-hide-popup .foxkit-popup,.mobile-hide-popup .foxkit-popup__teaser {
    display:none!important;
  }
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

Dan-From-Ryviu
Shopify Partner
7720 1501 1505

Hi @Flamora 

Please add this code to your theme.liquid file, after <head> element to solve the issue that cannot scroll 

<style>
@media (max-width: 749px) {
html.prevent-scroll, html.prevent-scroll body {
overflow-y: auto !important;
}
}
</style>

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now