Removing spacing between menu/header and body/footer

• 

  cosmoracer · Member · Jul 16, 2013 at 4:51 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  fabianapsimoes · Member · Jul 16, 2013 at 1:18 pm

  • Copy link

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

• 

  cosmoracer · Member · Jul 16, 2013 at 4:13 pm

  • Copy link

  Thanks fabianapsimoes,

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