I’m wanting to display different text on an iPad only when in portrait mode.
Using data attributes, I can store the portrait text, but how can I detect the orientation change and apply the text on the iPad?
My markup currently looks like this;
<h2 class="searchLink" data-landscape="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam" data-portrait="Lorem ipsum dolor sit amet, consectetur.">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam</h2>
Thanks
Ever heard of
media queries?You don’t need jQuery, you can useCSS.Look at this tutorial for example: