How to reduce the space between the header and the navigation menu?

• 

  youthfoodblog · Member · Dec 15, 2014 at 6:09 am

  • Copy link
  • Add topic to favorites

  I want to reduce the space between the header and the navigation menu at my blog http://www.youthfoodblog.com at Comet theme. Can anyone let me know how to do it? Thanks in advance!

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

• 

  nizamilputra · Member · Dec 15, 2014 at 7:40 am

  • Copy link

  First you need to update your WordPress with Custom Design package. Then edit your css via CSS editor.

  Use this css to reduce space between header and navigation;

  #header{
  min-height: 140px;
  }

  I hope it will helps you.

• 

  youthfoodblog · Member · Dec 15, 2014 at 6:35 pm

  • Copy link

  Thank you very much for your reply! I updated my wordpress to Custom Design package, then tried to edit at the CSS editor by typing

  “#header{
  min-height: 140px;
  }”

  into the CSS space provided, then save. It did not work – there is no change. Can I ask where to type these changes?

  Thanks!

• 

  nizamilputra · Member · Dec 16, 2014 at 3:14 am

  • Copy link

  Try to go to Appearance → Customize → CSS, and paste the css code there. It should be works

• 

  youthfoodblog · Member · Dec 16, 2014 at 4:08 am

  • Copy link

  Thank you for your patient help! I followed your instruction and it worked!

  May I ask you for another help? Do you by any chance know how to center the navigation bar?

• 

  nizamilputra · Member · Dec 16, 2014 at 4:18 am

  • Copy link

  Sure, just add this simple line of code;

  #secondary-menu{
  text-align: center;
  }

• 

  youthfoodblog · Member · Dec 16, 2014 at 4:25 am

  • Copy link

  Thank you for your quick response! Yes, it worked! This is better than customer service.

• 

  nizamilputra · Member · Dec 16, 2014 at 4:26 am

  • Copy link

  No problem. Glad you are like it! :)