Setting max-width for desktop

  • My child theme is loading the blue.css. In the /* Media queries */ section starting on about line 9613, line 9615 gives @media (max-width: 1200px). However, having searched the whole file for “max-width” this is the widest statement, but Customizr seems takes no notice of it.

    I have reviewers of my development site (sandbox.peterwade.com) with two monitors and the site runs over both, the slider is overpowering and with the Featured Pages plugin the spacing between the items is huge. Even on my own monitor of 1920px wide it fills the browser window if I maximise it and is unattractive.

    So how do I get it to stay at 1200px max-width for desktop viewing?

Viewing 1 replies (of 1 total)

  • @media (max-width: 1200px) Does not set the max width, it means the rules within take effect with a max width of 1200.
    To set the max width of the content would be like this:

    body {
max-width: 1200px;
margin: auto;
}

    More about css @media queries.

Viewing 1 replies (of 1 total)
  • The topic ‘Setting max-width for desktop’ is closed to new replies.