Client wants to lock rotation to portrait

cassie_jewell · 6 February 2018 23:34

Client did not have website designed for mobile landscape (umm) and now wants to lock to portrait view while they design for landscape since the site looks like a jumbled mess in landscape currently. From what I can figure, the most elegant solution at this point is to display a message upon rotation rather than “locking to portrait” which I don’t even think can be universally supported. Does anyone have experience with this or feedback?

quantumcloud · 11 February 2018 11:36

Hate to point out the obvious - but why not fix the responsiveness of the website?
Other solution could be to extend the viewport settings to include the landscape view in the portrait view. Difficult to give ideas without working page link.

cassie_jewell · 26 February 2018 14:26

Yes this would be the best solution - however, we are not in control of the design at all. They split the project between a design firm and development firm. Thanks for your input!

quantumcloud · 26 February 2018 14:50

Got it. But it sounds like you might have at least some control over the coding? If so, extending the viewport settings should probably be easy. Anyways, hope you find a suitable solution.

I was doing some searches and this one seems promising:

gist.github.com

https://gist.github.com/visnup/2605440

lock.css

/* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */
@media (orientation: portrait) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

Probably worth a try