How to remove the gap between the menu and the body text

  • Hi,

    I can’t seem to get rid of the gap between the menu and the body text on all the pages except on the home page.

    You have to scroll to the very bottom of the page to be able to read the text.

    Please help

    Leanka

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Not sure if you resolved it, gap looks fine from here.

    This will push it up some:

    .page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}

    to

    .page-content, .entry-content, .entry-summary {
    margin: 0;
}

    Then

    .header-image {
    margin: 0 0 20px;
}

    to

    .header-image {
    margin: 0;
}

    For just homepage…

    .home .header-image {
    margin: 0;
}
.home .page-content, .home .entry-content, .home .entry-summary {
    margin: 0;
}

    You also have this above that logo:
    <p><span style="color: #ffffff;">bookkeeping</span></p>

    Play around to suite your needs.

    Adding that CSS and removing that code actually puts your logo flush up to the header image. Adding CSS and leaving code, it looks good.

    Best thing to do is open your browser It will show you the CSS of the selected element. Play around in that to get what you want, then paste changes in Additional CSS or something.

    • This reply was modified 7 years, 4 months ago by Neotropic2023.
Viewing 1 replies (of 1 total)
  • The topic ‘How to remove the gap between the menu and the body text’ is closed to new replies.