Problem with the space on mobile

[Amos]

Hello after the Update i have a problem with the space between the header and the content on mobile. on the customizer the mobile padding is ” top 0px” and still there is a lot of space between the header and the content.
there is a new space on selector “body.grid-container” (the breadcrumbs) and “#main.inside-article”

[Tom]

Hi there,

Can you link me to the page possibly?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Amos]

i send you the site on the contact form.

[Tom]

Ah, there’s a new padding option specifically for mobile which is set to 30px by default.

Go to “Customize > Layout > Container”.

However, it only allows you to set one value for all 4 sides of the content area.

If you only want 0px on top while keeping 30px on the other sides, you can use this CSS:

@media (max-width: 768px) {
    @media (max-width: 768px)
        .separate-containers .inside-article, 
        .separate-containers .comments-area, 
        .separate-containers .page-header, 
        .separate-containers .paging-navigation, 
        .one-container .site-content {
            padding-top: 0px;
        }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Amos]

Thank You!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts