Logo header spacing issue

• 

  readervoracious · Member · Sep 25, 2018 at 5:55 pm

  • Copy link
  • Add topic to favorites

  For some reason when I updated my logo image (seasonal color change), the padding around my logo pushed the menu down, despite my CSS being the same.

  https://readervoracious.com/

  I have `.site-branding {
  padding: 0 !important;
  }`

  in my custom CSS, which lessens the gap, but before I had the menu flush with the bottom of the image and I am at a loss. Sela theme. Help?

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

• 

  garysixtyeight · Member · Sep 25, 2018 at 6:07 pm

  • Copy link

  Hi there,

  The gap you’re seeing appears to part of the image itself:

  

  You’d need to edit that on your computer, then reupload it.

• 

  readervoracious · Member · Sep 25, 2018 at 6:13 pm

  • Copy link

  DERP, thank you!

• 

  garysixtyeight · Member · Sep 25, 2018 at 6:14 pm

  • Copy link

  You’re welcome, glad I could help :)

• 

  readervoracious · Member · Sep 25, 2018 at 6:19 pm

  • Copy link

  Well you were partially right! I edited it out of the image and re-uploaded it (deleting the old version) and the theme is still adding about 10px of padding?

• 

  garysixtyeight · Member · Sep 25, 2018 at 6:26 pm

  • Copy link

  Please try adding the CSS below:

  .site-branding {
      margin-bottom: -6px;
  }

  There will still be a very fine line that is part of the image.

• 

  readervoracious · Member · Sep 25, 2018 at 6:29 pm

  • Copy link

  You are my hero, thank you!

• 

  garysixtyeight · Member · Sep 25, 2018 at 6:31 pm

  • Copy link

  You’re welcome :)