Website to fill full screen

• 

  drmalec · Member · Nov 22, 2015 at 9:19 pm

  • Copy link
  • Add topic to favorites

  I was wondering how I can make my website fill the entire viewing screen. It currently appears as a floating page with a wide white border.

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

• 

  thesacredpath · Member · Nov 23, 2015 at 8:58 pm

  • Copy link

  We can widen it, but the one thing to keep in mind is that the best widths for easy reading of text content is between 500 and 750px (it’s actually a bit more complex, but that is a good general rule). Currently the content width on your site is about 640px in width. The following CSS widens the content by 100px to about 740px. See what you think.

  #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #access {
      width: 1040px;
  }
  #branding img {
      width: 100%;
  }