This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

3
  1. Andrew Misplon Staff 11 years, 9 months ago

    Hey Trevor. Take a look back at the other media queries we’ve implemented so far. This is the selector you want to edit below a certain resolution:

    #main {
padding: 35px;
}

    Put that selector in a breakpoint and reduce the padding down to whatever you want it to be. You might need to use the !important hack, something you’ll also in the selectors I’ve already sent.

    See how you do.

    Also you should put all your selectors together. For example, if you have three selectors that apply up to 960px, they should go under one breakpoint.

  2. Trevor Wolfe 11 years, 9 months ago

    Ended up with this, got it to work thanks!

    @media (max-width: 680px) {
    #main {
    padding: 5px;
    }
    }

    Also, what does putting the selectors together do? Faster load times?

  3. Andrew Misplon Staff 11 years, 9 months ago

    Super.

    Combining your selectors under each breakpoint just makes for easier reading. If it’s working on your side it’s not necessary.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread