Too much space between site header image and main navigation bar

• 

  tandridgelearningtrust · Member · Feb 17, 2017 at 5:41 pm

  • Copy link
  • Add topic to favorites

  I’m using the Dara theme and trying to remove the space/padding between the header image and the main navigation menu bar.

  I tried using the code:

  /* Remove Site Title */
  .site-title {display: none;}

  But it only removed the ability to amend the site title, rather than removing the space allocated for it.

  Please assist.

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

• 

  thesacredpath · Member · Feb 17, 2017 at 10:59 pm

  • Copy link

  Hi there, the space is created with padding on the .site-branding div. Add the following to your custom CSS to remove that padding.

  .site-branding {
  	padding: 0;
  }

• 

  tandridgelearningtrust · Member · Feb 17, 2017 at 11:26 pm

  • Copy link

  Thank you so much! That works and looks great now.

  :)

• 

  thesacredpath · Member · Feb 18, 2017 at 12:23 am

  • Copy link

  Hooray and you are welcome!