Header question

• 

  blissfulaiks · Member · Jan 28, 2015 at 8:07 pm

  • Copy link
  • Add topic to favorites

  Hi there! I’m currently using the Healthy Living theme and I would like to have my header image span the entire length of my site. Currently, it has some padding around the edges that I do not want. Can you please take a look and see if we can make the header span the whole width of my site? The site I need help with is: http://blissfulangelie.com/

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

• 

  thesacredpath · Member · Jan 29, 2015 at 5:05 am

  • Copy link

  The following will take the header 100% width, but

  .site-header {
      padding-left: 0;
      padding-right: 0;
  }
  .site-header .site {
      max-width: 100%;
      width: 100% !important;
  }
  .site-branding .header-image-link img {
      width: 100%;
  }
  .site-logo-link img {
      width: auto;
  }

  With the above code, you will have to remove the -40px margin-top from .home .content-area so that the content doesn’t overlap the bottom of your navigation.