Adjust header image width to fit full with across blog container on Sight theme

• 

  drifoundation · Member · May 14, 2014 at 3:32 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to know how to adjust the width of the header image so that it fits full width across the blog. Thank you. I would like for the image to stretch across and behind the search menu on the upper right hand side. Thank you.

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

• 

  allancollins23 · Member · May 14, 2014 at 8:44 pm

  • Copy link

  Hi drifoundation,

  This might be a bit out there, but what about using the following CSS:

  @media screen and ( min-width: 782px ) {
      #masthead{
          margin:0;
          padding:0;
      }
      #masthead hgroup {
          width:100%;
          background-color:#B4C8EA;
      }
      .header-nav-search-container{
          float:none;
          position:absolute;
          top:0;
          right:40px;
      }
  }