Knowledgebase

Site Layout Problems on Retina/Large Resolution Mobile Devices

Intro

We do not recommend changing the media queries to support anything higher than 1024 as this can limit the viewing experience for visitors of your site on legitimate desktop/laptop browsers and screens. To check your media queries to ensure they can go up to 1024: Go to Appearance > Editor and click responsive.css in the […]

Solution

We do not recommend changing the media queries to support anything higher than 1024 as this can limit the viewing experience for visitors of your site on legitimate desktop/laptop browsers and screens.

To check your media queries to ensure they can go up to 1024:

  1. Go to Appearance > Editor and click responsive.css in the right sidebar.
  2. On the left, you will see code similar to this at the top. Ensure you are looking at the iPad @media line:
    /*---------------*/
    /* iPad and down */
    @media only screen and (max-width: 768px){
  3. Change 768 to 1024. If it already says 1024 then they are already optimal.

Get 15% off!

Signup and get 15% off any of our Ghost or Framer themes immediately