Reducing margins above and below logo (Blink Template)

• 

  willcady · Member · Aug 12, 2015 at 3:49 am

  • Copy link
  • Add topic to favorites

  I am struggling to find the right CSS code to reduce the margins above and below my site logo. I tried the code below but it completely screwed up the mobile version of my site. Any tips? Any code I can drop into CSS?

  Thank you!

  #masthead {
  position: relative;
  top: 0;
  background: black;
  width: 800px;
  height: 73px;
  margin: 0;
  margin-top: 0;

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

• 

  willcady · Member · Aug 12, 2015 at 3:50 am

  • Copy link

  Blog is http://www.blkwhtprjt.com

• 

  g471n · Member · Aug 12, 2015 at 5:05 am

  • Copy link

  Hi willcady

  This should work for you.

  .site-logo-link {
      padding: 0px;
  }

• 

  willcady · Member · Aug 12, 2015 at 6:40 pm

  • Copy link

  Thank you so much! Do you have any tips on how I can set it to align all the way to the left?

  Thank you again,

  Will

• 

  g471n · Member · Aug 12, 2015 at 7:00 pm

  • Copy link

  Pleasure :)

  Try this.

  .inner-block {
      margin-left: 0px;
  }

• 

  g471n · Member · Aug 12, 2015 at 9:19 pm

  • Copy link

  Make that:

  .site-header .inner-block{
      margin-left: 0px;
  }