Archived topic
Mobile Padding
5 replies · Started by Vernon Lees on October 21, 2016
Hi Tom,
Is there a way to set the Content Padding differently for mobile views?
Best Regards,
Vern
I'm working on those options in the Customizer. For now, you can use CSS:
@media (max-width:768px) {
.separate-containers .inside-article,
.one-container .site-content {
padding: 40px;
}
}
Awesomely fast response Tom. Many thanks!
You're welcome :)
Hello,
I think this is what I am looking for. I have 40px padding when in large non-mobile view but I would like something like 5px or so when viewing on mobile. Is the above CSS similar to what I am asking?
If so as non-css user where do I do this?
current site : http://www.edinburghbowlingleague.com
Page most afected by to much padding is this which has an enbedded google sheet : http://edinburghbowlingleague.com/edinburgh-cup/
Cheers Neil
The above CSS should work for you - simply adjust the 40px to 5px and add it using a plugin like this: https://wordpress.org/plugins/simple-css/