[Resolved] How do I close the gray header gap on mobile?

[Andy]

Hi there,

How do I close this gap on mobile devices only? I’d like the post and the header to be flush.

View post on imgur.com

Thank you!

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .separate-containers .site-main {
        margin-top: 0;
    }
}

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

Let me know if this helps 🙂

[Andy]

fantastic thank you !

[Leo]

No problem 🙂

[Author]

Posts