How to Block Phone Rotation to Wide View

How to Block Phone Rotation to Wide View

CreatorTim
Trailblazer
434 1 62

Hey guys, when I rotate my phone to a wider view, my store gets completely buggy. Is there a way to block it entirely so that when I rotate the phone 90 degrees, it just doesn’t switch?

 

Here’s my store URL: https://1049xn-ya.myshopify.com/

 

Thanks a lot,
Tim

Replies 2 (2)

PaulNewton
Shopify Partner
7722 678 1628

https://www.google.com/search?q=css+prevent+landscape+layout

 ---> https://stackoverflow.com/questions/43634583/prevent-landscape-orientation-mobile-website 

 

But that can be a band-aid for a headwound if you've been customizing a site and it breaks when the screensize is a little different.

i.e. if landscape on a phone is broken it's probably broken on tablets or resized-desktop-windows too.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


CreatorTim
Trailblazer
434 1 62

Hi, I looked at the page, but I’m not entirely sure which folder to place the code in.

 

Also, I checked the dimensions, and it seems that on tablets and smaller screens (like small notebooks), it might not be much of an issue. However, I noticed there are almost no animations on smaller screens.

 

I’d really appreciate it if you could take a look at my store and guide me on how to fix these resolution issues.

 

Here’s my store URL: https://1049xn-ya.myshopify.com/

 

Thanks a lot!
Tim