I have a theme component, it has css and Head defined for both Desktop and mobile. on mobile, a shape is defined smaller for space. it works nicely on chrome, firefox on iphone, but in safari, it loads the desktop version instead. the safari browser is not loading desktop version of the site. so…

First confirm that by forcing it into mobile view, put this on the end of url: https://example.com?mobile_view=1 The problem might not be what you think it is … You ought also to state what version of Safari you are using?

thanks @merefield it is safari on iOS 17.1.2, when load the component, it shows the big shape defined for Desktop just updated iOS to latest 17.2.1, same. on the same device, if open it using chrome or firefox, it shows the small shape defined for Mobile on desktop browser, if view it https://ex…

I suggest packaging this on GitHub to make things super easy for people to corroborate…

[image] deepblue: on desktop browser, if view it https://example.com?mobile_view=1, it shows the small shape defined for Mobile. What happens if you put this query string on safari mobile browser?

[image] Robert: What happens if you put this query string on safari mobile browser? this way with ?mobile_view=1, it loads the mobile version in iphone safari browser hmm… will put it in a repo to easy to try/debug… thanks for your helps !

iOS safari browser does not load mobile version of a theme component?

Product Support

merefield (Robert) January 8, 2024, 7:07pm 7

Ah, and before it wasn’t? That’s interesting!

Under 17.3 (PB) I am seeing the mobile version of my TC on my iPhone 11 without needing to force it (with that querystring)

Topic		Replies	Views
Unexpected switch to desktop view on mobile Product Support	12	1675	June 8, 2020
Odd formatting on mobile Product Support discourse-hub	3	600	April 13, 2021
Which browser loads the correct mobile display? Product Support	5	293	March 8, 2026
Did something change with mobile layout? Mine is now all messed up Product Support	11	1844	December 13, 2016
Mobile site not working (for specific install) Product Support	2	503	May 24, 2019

iOS safari browser does not load mobile version of a theme component?

Related topics