Make a header and footer entire width of browser

• 

  bigaddie · Member · Mar 22, 2014 at 11:33 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m currently using the McKinley theme.

  Is there a way, using CSS, to make the width of the header and footer to be 100% of the browser/screen width?

  Also, the font of ‘About’ on the About page is HUGE. Is there any easy way to make it smaller with CSS?
  Thanks,
  ~ A

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

• 

  thesacredpath · Member · Mar 24, 2014 at 6:12 pm

  • Copy link

  Hi there, add the following to your custom CSS and see what you think. This seems like it was much easier than I thought it would be.

  .site {
      max-width: 100%;
  }

• 

  thesacredpath · Member · Mar 24, 2014 at 6:14 pm

  • Copy link

  Just noticed with the above the menu is slightly to the right. Add the following also to correct that.

  ul.nav-menu, div.nav-menu > ul {
      padding-right: 0;
  }

• 

  bigaddie · Member · Mar 24, 2014 at 7:19 pm

  • Copy link

  Wow!! Thanks so much @thesacredpath. This was absolutely perfect.

• 

  thesacredpath · Member · Mar 24, 2014 at 9:53 pm

  • Copy link

  You are welcome.