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

[Andy]

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):

View post on imgur.com

Thank you!

[Leo]

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 🙂

[Andy]

Perfect, thanks Leo

[Leo]

No problem 🙂

[Author]

Posts