I’m using a large logo and so i’m using the following custom CSS that i found in another thread here in order to have my menu centred underneath the logo on the iPad other wise the menu overruns into the logo. It works perfectly when the iPad is in portrait but I would like the same layout when the iPad is in landscape mode too with the logo centred and menu below it. How can I achieve this? The CSS i’m using is…

What most people forget to realize is that there are multiple versions of iPad out , each a bit different, and with Kindle and all the Android and now some Windows Tablets , there’s quite a few media queries that could be needed. I read somewhere during US Election last year, that Obama’s website was supposedly accessible and optimized for practically every mobile device in existence so I decided to have a look at the code and these are the media queries I found

What’s interesting about this (that also concerns your question) are the 960 and 980 breaks and everything going on between 767 and 980 (which is tablet territory). And you can count the number of unique media queries that are being triggered here