Making the header image narrower.

• 

  jennibeea · Member · Jan 20, 2019 at 5:14 am

  • Copy link
  • Add topic to favorites

  How can I make the header image narrower using CSS?

  Thanks!

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

• 

  torres126 · Member · Jan 23, 2019 at 7:36 pm

  • Copy link

  Hi there,

  Feel free to mess around with the values to suit your needs, but I’m using 1000px as an example. Here’s how to change the width of your header image:

  .site-branding {
  width: 1000px;
  }

  That would make the border look sort of out of place though, so here’s some CSS to fix that.

  .main-navigation {
  border-top: initial;
  }
  
  .site-branding {
  border-bottom: 1px solid #d9d9d9;
  }

  Let us know if that works for you. :)