Home Forums Weaver Xtreme Theme How to target iPad Portrait Orientation? Re: How to target iPad Portrait Orientation?

#20805
Gillian
Moderator

Hi @scrambler and @weaver

Many thanks for the @media lessons – I knew it was time I learnt how to use them 🙂
I ended up retaining my .is-mobile CSS, and then separately adding an @media query using the orientation rule. The @media width rule that scrambler gave worked fine on the iPad and iPhone, but I like the simplicity of “orientation” – it is easy to remember what the CSS does, and I don’t have to keep width numbers in my head 🙂
On a related topic – I have a lot of different menus on the site, and some of them (the ones with more options) wrap to a second line in portrait on the iPad.  Is there a rule I can use so that the mobile hamburger will display instead for these pages, but only in portrait orientation?  One example is this page.
Many thanks.