Reduce Header Bar Width

  • Unknown's avatar
    bayanaudio · Member ·

    I need to reduce the width of the header bar by about half.

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, looking at your site, I’m not sure I understand what you are wanting to reduce. Are you talking about the width of the top section with the menu and the logo/title or the height of it?

    Or, are you talking about the height or the width of the image section below that?

  • Unknown's avatar
    bayanaudio · Member ·

    Hi,

    I need the top menu bar width reduced – where the logo and menu buttons are, the white bar that it sits on.

    Thanks

  • Unknown's avatar
    thesacredpath · Member ·

    Thanks for the clarification. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. 

    .site-header {
  padding-bottom: 0;
  padding-top: 0;
}

    Let me know what you think. I’ve taken the padding on both to zero (0) so we can’t anymore without making your logo smaller since it is what is holding the remaining height.

  • The topic ‘Reduce Header Bar Width’ is closed to new replies.