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
Hi Jan
Try something like this under Appearance > Custom CSS:
@media (max-width: 680px) { #main { padding-right: 5px; padding-left: 5px; } }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; } }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.
Awesome, glad to hear you made progress here.