Adjusting header height in SELA

• 

  5h12 · Member · Jan 15, 2016 at 2:51 pm

  • Copy link
  • Add topic to favorites

  Hi, I use the SELA and I like it very much but I finf that the header is too big in height when I use a logo.

  You can see that now I use a simple picture including my logo but it’s not as good.

  Unfortunately, when I add a logo, the height of the header grows a lot.
  I tried reducing the size of my logo but there is always a wide margin above and under the logo, thus making the header too big for my taste.

  Can anyone help me, please ?

  Thanks in advance,

  Bruno

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

• 

  5h12 · Member · Jan 18, 2016 at 8:30 am

  • Copy link

  To anyone reading this.

  I received a great answer (as always) to my question by mail thanks to Happines Engineer Chad C.

  I paste it here to help in case somebody has a similar issue then mark the question as “resolved”.

  If you’d like to switch to using the actual logo setting, you can add the following code to the CSS section of http://WordPress.com/customize (it looks like  you’re already familiar with with this, based on the CSS you’re already using).

  .site-branding {
          padding: 0 36px
  }

  This will remove the vertical spacing that’s being added, without changing the horizontal spacing.

  If you’d like to add some space back, just replace the zero with something small like ’10px’.

  It will also help if you make sure the box to “Display Header Text” on the menu you use to select a logo is not checked. Checking that box adds space for site title text that you aren’t currently using :)