Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi I was wondering if there was a way to stretch the content on the mobile theme so it reached the edge of the screen.
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.
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?
Super.
Combining your selectors under each breakpoint just makes for easier reading. If it’s working on your side it’s not necessary.