How do you remove the space between the navigation menu and the main content?

• 

  riversidenaturecenter · Member · May 13, 2015 at 4:05 pm

  • Copy link
  • Add topic to favorites

  As you can see, I followed directions to get rid of the title of the main front page, so I’m not sure if that’s why all the CSS codes that I have tried aren’t working. Anyways, I would like the main content of the page to be closer to the navigation menu so that there isn’t so much blank space.
  I’m using the Hemingway Rewritten theme

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · May 14, 2015 at 8:31 am

  • Copy link

  Hi.

  You have a margin to the top of 100px in your content area, what means there are 100px from your content to your navigation menu. You can modify this value to fit with what you would like. Here it is the Custom CSS Code to add to divide this gap by 2 (50px):

  .site-content {margin-top: 50px}

  I hope this helps you. Enjoy blogging!

• 

  ellidn · Member · May 21, 2015 at 5:38 am

  • Copy link

  For someone like myself who has 0 css experience, how would you go about this step-by-step?

  Also, do you need to pay for the customization thing to be able to do this? If so, are there cheaper versions available for students?

  Thanks!!!!

• 

  staff-jeanpierreac · Staff · May 21, 2015 at 6:15 am

  • Copy link

  Hi @ellidn.

  Yes, in fact you need custom design feature (https://en.support.wordpress.com/custom-design/).

• 

  corkgolfnews · Member · Jun 28, 2015 at 1:15 am

  • Copy link

  Thanks for the answer – been looking for a while!