Site logo

Archived topic

How do I increase the margins around my columns in mobile view?

3 replies · Started by Andy on October 12, 2020

Viewing posts 1–4 of 4

Hi there,

I'd like to add some margins around my columns in mobile view for my homepage and category pages. Overall, so my blog posts stand out better in mobile view. Is this possible?

Mock-up (Desired Result):
https://imgur.com/a/od50pzg

Thank you!

Hi there,

Try this CSS:

@media (max-width: 768px) {
    body.blog .site-main, body.archive .site-main {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Perfect, thanks Leo

No problem :)

This archived topic is closed to new replies.