Archived topic

Problem with the space on mobile

5 replies · Started by Amos on January 25, 2017

Viewing posts 1–6 of 6

January 25, 2017 at 12:39 am #268071

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"

January 25, 2017 at 12:51 am #268085

Hi there,

Can you link me to the page possibly?

January 25, 2017 at 1:09 am #268106

i send you the site on the contact form.

January 25, 2017 at 1:11 am #268107

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;
        }
}

January 25, 2017 at 1:18 am #268113

Thank You!

January 25, 2017 at 1:20 am #268115

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.