using more of the screen

• 

  westernweb · Member · Aug 28, 2015 at 11:12 pm

  • Copy link
  • Add topic to favorites

  On larger screens, our site comes up cramped into the left hand side. How do we get it to use the entire screen?

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

• 

  thesacredpath · Member · Aug 29, 2015 at 2:57 am

  • Copy link

  Hi there, first off I’ll mention that in general, the best width for text content is between 500 and 750px. It is a bit more complex than that since typically font size and such is taken into account in calculating the optimum width for readability. Right now your text is about 970px in width when the browser window is wider than the overall theme width of 1260px.

  We can widen the overall width with the following CSS, but you may want to consider the above. This widens the content area by 200px to 1460px.

  .site, .site-header {
      max-width: 1460px;
  }
  #site-header img {
      max-width: 1460px;
      width: 100%;
  }