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.

How to reduce Mobile padding (left and right)

Resolved 4 replies premiumthemetheme-vantage
Jan Nordstrøm
11 years ago · Last reply by Andrew Misplon 11 years ago

How do I reduce the large padding on bouth sides (right and left) when in responsive mobile mode? I think it takes up to much “white” space in small screensizes (older Iphones and small smartphones) and leaves to little room for content.

Thanks!

Regards,
Jan

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi Jan

    Try something like this under Appearance > Custom CSS:

    @media (max-width: 680px) {
#main {
padding-right: 5px;
padding-left: 5px;
}
}
  2. Jan Nordstrøm 11 years, 1 month ago

    Hi Andrew

    Thanks, that fixed it!

    The only small problem is that I allready have one customized CSS: Max-width of the overall page set to 960 px, (from the forum) so it kind of overrule you fine CSS above (I think). Mabye you can tell me what to do? It’s proberly just a question of welding the 2 snippets into one somehow, but I’m pretty lousy at CSS – so help please!

    This is the 2 CSS roules:

    body.responsive.layout-full #page-wrapper .full-container {
max-width: 960px;  
@media (max-width: 680px) {
#main {
padding-right: 5px;
padding-left: 5px;
}
}
  3. Jan Nordstrøm 11 years, 1 month ago

    I think I fixed it myself. I just switched the 2 CSS roules around – don’t know why, but it seams to work, so I’m happy.

  4. Andrew Misplon Staff 11 years, 1 month ago

    Awesome, glad to hear you made progress here.

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