[Resolved] Mobile only width change on container

[Robert]

I’m trying to figure what the CSS would be in order to have the container width for mobile, different than what’s set in the customizer. Ideally I need it to be about 280 px or 90% width – but only for mobile. I can’t seem to get it to apply right.

Thanks for any help. 🙂

GP Premium 1.7.8

[David]

Hi there,

you can try this:

@media (max-width: 767px) {
    body .grid-container {
        max-width: 280px;
    }
}

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

[Robert]

Thank you! That seems to be working.

[David]

Glad to be of help.

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

[Author]

Posts