Center header

• 

  sefahey · Member · Jun 1, 2016 at 8:59 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  I would like to center the header on my page: https://sanjuandelsurdayschool.com

  I removed the search box and go button and thought this would allow room for my header, but the header still ends where the box would have been. Because the background color on the site is different, it looks odd where the header ends.

  I am using the Organization Theme. I tried pasting the following in CSS: #header #headimg { left: 50%; position: relative; left: 200px; }
  but it didn’t work

  Any thoughts? Thanks!

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

• 

  siobhyb · Member · Jun 2, 2016 at 8:55 am

  • Copy link

  Hi Sarah,

  You could get the header to take up the full width of your site with the following:

  #header .row .nine, #custom-header img {
      width: 100%;
  }

  Give that a try and let me know if makes the header look as you intended.

• 

  sefahey · Member · Jun 2, 2016 at 4:56 pm

  • Copy link

  Perfect! Thanks so much!

• 

  siobhyb · Member · Jun 2, 2016 at 5:06 pm

  • Copy link

  You’re most welcome! We’re right here if any extra questions come up too.