Need help? Check out our Support site, then

Removing spacing between menu/header and body/footer

  1. Hi there,

    I can't seem to figure out the code for reducing the spacing around the menu and footer - I would like the spacing to be similar to the vertical spacing in between the posts on my front page. I would like a more vertically compact appearance. I am using the theme "Hatch". Any help would be greatly appreciated!

    The blog I need help with is

  2. fabianapsimoes

    Hi cosmoracer,

    To reduce the spacing between your page elements, try adding this to your Appearance > Themes > Customize > CSS panel:

    .site-navigation {
    margin: 0;
    #primary {
        margin-bottom: 0;
    #content #infinite-handle {
        height: auto;

    To make the spacing between your header and your content consistent with the rest, you can also add the following CSS code:

    #masthead {
        margin-bottom: 0;
  3. Thanks fabianapsimoes,

    That worked exactly how I envisioned it. I appreciate your assistance. :)

Topic Closed

This topic has been closed to new replies.

About this Topic