Mobile Width not reflecting on iPhone safari

Need help Mobile
1

Hello,

I have an issue where I am setting a conditional on certain groups in my page, that when the Current page width <= 320px it the margins should render differently. However, when I test it out in my iPhone screen the conditional does not seem to activate. I looked up and the Safari on iPhone should be around 390 px wide, yet when I change the conditional to that, or even for 1200px its not activating the conditional. What is strange is that in the Responsive tab of my editor, when selecting mobile it does reflect my changes? Does this make sense, and if so, has anyone experienced this issue before? Thank you all for your time and help!

2

Hey @angusbeef :waving_hand:

Usually that means you are on the wrong page. At least that is usually the issue for me. Or the wrong branch.

Make sure you double check that the page you are modifying is the one you are seeing. Change a color of a group to bright red for example. Then you will know you are in the right place.

Let me know if that helps. Otherwise we can keep troubleshooting. :blush:

3

Wow, you are genius J805 hahaha. I just wasted 30 min trying to figure this out. Need to double check what page I am actually loading :sweat_smile:. Thank you for your quick response!

1 Like
4

Haha :rofl: No worries. I’ve just ‘been there done that’. That’s all. Just comes with making a lot of mistakes. :sweat_smile: You end up learning a lot that way though.

1 Like