Home Forums Support Gap

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1651625
    Jatin

    How to reduce the gap as shown in the screenshot:

    #1652103
    Ying
    Staff
    Customer Support

    Hi Jatin,

    You can go to Customizer > Container > Content Padding, to reduce the top padding.

    Additionally there’s a margin applied to the content, this CSS can remove the margin completely.

    .single .inside-article .entry-content {
        margin-top: 0;
    }

    Let me know ๐Ÿ™‚

    #1652671
    Jatin

    Hi Ying that did worked on the desktop but the issue is mainly on the mobile phone. When you open any post in mobile phone the Gap seems / looks more. But I wont worry about desktop for now. Example link in the info box.

    #1652685
    Elvin
    Staff
    Customer Support

    There are multiple things that contribute to this “gap”.

    One is the .entry-content’s margin-top which can be addressed by adding this:

    .entry-content {
        margin-top: 0px !important;
    }

    Another one is the weird empty header.entry-header before your .entry-content which can be addressed by this CSS:

    header.entry-header {
        display: none;
    }

    But its good housekeeping to find out why this exists.

    Lastly is .separate-containers .inside-article padding which can be addressed by adding this css:

    @media(max-width:768px){
    .separate-containers .inside-article{ padding-top: 0px !important; }
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1652782
    Jatin

    Thanks

    #1653877
    Elvin
    Staff
    Customer Support

    No problem. ๐Ÿ™‚

    A wise man once said:
    "Have you cleared your cache?"

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.