Width' fit to screen'

• 

  helenlord · Member · Jul 1, 2013 at 9:17 am

  • Copy link
  • Add topic to favorites

  Hi,
  I want to find out how I can ‘fit to screen’ – my blog is a single column but the content goes over the screen size so readers have to scroll across.
  Is there an option to fit content to screen size?
  If there isn’t can you make a suggestion on how I can do it?
  Thanks

• 

  rachelmcr · Member · Jul 2, 2013 at 1:33 pm

  • Copy link

  Hi there,

  The Mimbo Pro theme uses a fixed width for the blog content. This means that the main column is 630px normally, and it is 916px in the full-width layout. Because it has a fixed width, the column width won’t change based on screen size.

  If you want to fit your blog content to the screen size, you have two main options:

  Option 1

  If you would like, you can use custom CSS to make your layout have a flexible width. To add custom CSS, you can go to Appearance > Customize > CSS in your dashboard, and paste the CSS code in the editor there. We have additional information about editing custom CSS here: Editing CSS

  To give your content a flexible width, you can add this CSS code:

  #page {
  width: auto;
  }

  If you want to have side margins of 50 pixels on the right and left of your content (rather than having the content stretch to the edge of the screen), you can use this CSS code instead:

  #page {
  width: auto;
  margin: 13px 50px 26px 50px;
  }

  You can adjust the 50px values to make the right and left margins bigger or smaller, if you’d like.

  Option 2

  If you are interested in using a theme that has flexible width without having to make any changes to the CSS code, you will want to look for a theme that uses a flexible width (rather than fixed width) layout. You can find a list of all of our flexible width themes here:

  http://theme.wordpress.com/themes/features/flexible-width/

  Please let me know if you have any questions about this! :)

• 

  helenlord · Member · Jul 2, 2013 at 6:34 pm

  • Copy link

  Hi rachelmcr,

  Thank you very much – you made something I’ve never done before and found a little scary very very easy to do. I’ve made the changes.

  Many thanks again

  Helen

• 

  rachelmcr · Member · Jul 3, 2013 at 6:28 am

  • Copy link

  Hi Helen, you’re very welcome. I’m so happy I could help with this. :) Your flexible-width site looks great!