Mobile version of site cut off on right side.

• 

  lauchkon · Member · Oct 22, 2013 at 4:47 am

  • Copy link
  • Add topic to favorites

  Hi there!

  I recently purchased the Watson theme and widened the slider and home page with CSS. The desktop version of my site looks good, but the mobile version is cut off on the right side. How could I fix this?

  This is the code I used to widen the slider and home page.

  #content {
  width: 1140px;
  }

  #main {
  width: 920px;
  }

  Thanks in advance!

  Laura

  The blog I need help with is thesquareblog.com.

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

• 

  saltcod · Member · Oct 22, 2013 at 3:13 pm

  • Copy link

  Great looking site Laura!

  You’re so close. You need:

  #main {
   max-width: 920px;
  }

  That lets #main stretch to 920px when the window is wide, and shrink to fit smaller screens.

  Ps: those lemon treats look delicious! http://thesquareblog.com/2013/09/23/lemon-meringue/

• 

  lauchkon · Member · Oct 22, 2013 at 8:40 pm

  • Copy link

  Thank you so much!! It worked perfectly.

  And I’m glad you like the Lemon Meringue post:)