Removing spacing between menu/header and body/footer

  • Author
    Posts
  • #1351519

    cosmoracer
    Member

    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 bmbulkbuys.com.

    #1351691

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

    cosmoracer
    Member

    Thanks fabianapsimoes,

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

The topic ‘Removing spacing between menu/header and body/footer’ is closed to new replies.