Are you familiar with @media queries? Checkout the first part where it targets 700px at the top. That is much sooner than current mobile viewport of 480px. So, basically you’re just applying the theme’s mobile header styles at 700px instead of 480px. The average tablet viewport size is about 800px. To be exact the iPad is 768px.
You will need to play with what I’ve given you and determine if it is the best solution for you. Your site, and the design of the theme, is fine on most tablets and the iPad. What you’re worried about (about 480px-600px) isn’t realistically a viewport size that comes up with many devices.
- This reply was modified 8 years, 7 months ago by Jason Bobich.