Reduce header size

• 

  clairpyle · Member · Mar 28, 2017 at 12:04 pm

  • Copy link
  • Add topic to favorites

  All comments I have found for this mention CSS.
  No idea what that is, where to find it and what to do with it to reduce header size.
  Thank you

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

• 

  staff-loquaciousloon · Staff · Mar 28, 2017 at 2:33 pm

  • Copy link

  Hi @clairpyle!

  Custom CSS is styling code you can add to your site if it has a Premium Plan or Business Plan.

  Adding CSS lets you write short pieces of code that can change things like colors, sizes, and visibility of different parts of your site.

  Without Custom CSS, you could try using a smaller version of your logo image, as that’s what is giving your header a lot of it’s height!

• 

  clairpyle · Member · Mar 28, 2017 at 3:38 pm

  • Copy link

  Thanks staff-loquaciousloon

  I removed the logo completely, but it made no difference.

• 

  staff-loquaciousloon · Staff · Mar 29, 2017 at 11:02 am

  • Copy link

  My pleasure!

  Perhaps we’re not looking at the same things?

  Here are two screenshots, one with the logo and one without. The one without has a significantly shorter header.
  https://cloudup.com/cYiXVILTCvv

  Are you looking at a different section than the one in these pictures?

• 

  clairpyle · Member · Mar 30, 2017 at 9:50 am

  • Copy link

  You are quite right here. My fault for not being clear.

  I have removed the logo.
  The page headings on the light blue strip are unnecessary. Can I get rid of the strip entirely? I can’t find any reference to this.

  Thanks

• 

  staff-loquaciousloon · Staff · Mar 30, 2017 at 11:02 am

  • Copy link

  Removing the title on pages would require the Custom CSS upgrade we discussed earlier.

  You could add a Featured Image to each page, then they would have a background behind the title instead of just a solid bar. :)