[Resolved] Mobile Padding

[Vernon Lees]

Hi Tom,

Is there a way to set the Content Padding differently for mobile views?

Best Regards,

Vern

[Tom]

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;
    }
}

[Vernon Lees]

Awesomely fast response Tom. Many thanks!

[Tom]

You’re welcome 🙂

[Neil]

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

[Tom]

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/

[Author]

Posts