How do I expand the size of my header

• 

  survivor1234 · Member · Jun 6, 2013 at 4:46 pm

  • Copy link
  • Add topic to favorites

  i want to remove the additional menu at the top of my blog, i am using th”Sight” theme and expand the size of the header horizontally to fit to expand the entire width of the website.

• 

  survivor1234 · Member · Jun 6, 2013 at 4:46 pm

  • Copy link

  i want to remove the additional menu at the top of my blog, i am using th”Sight” theme and expand the size of the header horizontally to fit to expand the entire width of the website.

• 

  thesacredpath · Member · Jun 7, 2013 at 6:44 am

  • Copy link

  Hello, this can be done with custom CSS, however I see your custom design upgrade has just expired. It will have to be renewed in order to do what you ask.

  In your dashboard, go to Appearance > Custom Design and click on the Customize or Preview button in the CSS module at right. Clear the informational text and add the following.

  .header-nav-search-container {
  display: none;
  }
  
  .site-header hgroup {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  min-height: 183px;
  }

  If you want to maintain the existing header height, then create a new header at 975px wide x 183px high. If you want to change the height of the image, you can do that and then decrease or increase the min-height value to match the height of the new header image. Upload your header image to your media library, get the URL of that image and replace URL OF IMAGE in the background declaration between the double quote marks with the URL of your image.

  You can then preview the change.

  I hope that helps, and if you have any questions, please let me know.