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.
Stretch Content on Vantage Mobile
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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.