[Support request] customize > Layout > container > separating space

[eran]

If i want to make the separating space in desktop 30px for example and in mobile 10px I cant. because it stays the same in mobile and desktop.
how can I change it only on mobile?

[David]

Hi there,

you can try the following CSS:

@media(min-width: 769px) {
    .separate-containers .site-main {
        margin: 40px;
    }

    .separate-containers .widget,
    .separate-containers .site-main>*,
    .separate-containers .page-header,
    .widget-area .main-navigation {
        margin-bottom: 10px;
    }
    .separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
        margin-top: 10px;
        margin-bottom:  10px;
    }
}

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

[Author]

Posts