Why isn't my mobile website loading on Safari and Chrome?

Shopify Discussion
,
1

Hey!!

I have just been notified (30 mins ago) that my website (www.hightees.com.au) is not loading on mobiles - for both safari and chrome.

I have tried to load it myself and the same blank page is coming up.

I have looked at my theme and when I look at the mobile version in Online Store>Theme>customise it is also not coming up.

It is working on the desktop.

I am running some validations on Google Search Console. Would this be affecting this?

Some help would be brilliant please!!!

Jess

2

The opacity of you’re tag is set to “0”. I guess some JavaScript is adding this to your code on mobile viewports. If I delete this line I can see you’re site as it should be shown.

I can’t see which code is causing this, but maybe my reply has put you in the right direction.

3

Thanks for this. How can I fix this?

4

Thanks so much for this. How can I fix this?

5

The quickest fix (a bit dirty in my opinion, but I don’t know what kind of custom coding is done or which theme is active) is to add some custom css.

In the styles.css file add the following line;

body {
  opacity: 1 !important;
}

The tag is already in this file on line 1849 so it can be added there.

6

Thanks for this. I am just chatting with Shopify Support and being sent to their tech team. They don’t know what the problem is.
If I don’t have any joy, I will try this.

Thanks so much

7

Hi @LanceAllison

I’m Richard Nguyen from PageFly- Free Landing Page Builder

-Go to Online Store->Theme->Edit code

-Asset-> styles.css paste the below code at the bottom of the file.

@media (max-width:767px){

*{opacity:1 !important}

}

RichardNguyen_0-1666260372384.png
RichardNguyen_0-1666260372384.png303×540 21.8 KB

Hope my solution works perfectly for you!

Best Regards;

Richard | PageFly

8

Hey, @HighTs (Jess)

Eunice here from Shopify, thanks for posting!

It’s good to see you’ve been in touch with Shopify Support about your issue earlier today. I can load your storefront perfectly on Chrome - yay! So just checking in to make sure it’s all working fine on your end now, and that you’ve faced no further problems.

Absolutely loving your store by the way. Such unique products! Never thought I’d see Aunty Cindy on a tea towel - so cool. Have you thought about showing your Instagram content on your store to create social proof? Check out this app from the Shopify app store. It has a free plan available that allows you to put your Instagram feed on your homepage. Creating social proof is a really good cost-effective way to get more sales! To learn more about using social proof in marketing check out this Shopify blog.

Hope this helps :blush: