Mobile Phone Blog Width

• 

  benconners · Member · Feb 16, 2016 at 5:41 pm

  • Copy link
  • Add topic to favorites

  Hi guys,

  A while back you helped me widen my blog using custom CSS code. After doing that, the blog no longer stretched across the entire screen when using the regular (non-mobile) version of the site on a mobile phone. You provided CSS code to fix this width issue on mobile phones, which worked, but since then it seems to have reverted back to the old issue – when viewing the non-mobile version of the site on a mobile phone, the content doesn’t stretch across the entire screen. Is there a way to fix this again?

  Thanks,

  Ben

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

• 

  thesacredpath · Member · Feb 16, 2016 at 8:19 pm

  • Copy link

  Hi there, on this media query in your custom CSS (at the top) change min-width: 767px to 768.
  @media only screen and (min-width: 768px)
  Then add this to the very bottom of your custom CSS.

  @media screen and (max-width: 767px) {
  	#content {
  		width: 100%;
  		margin-left: 0;
  	}
  }

• 

  benconners · Member · Feb 16, 2016 at 8:40 pm

  • Copy link

  Very nice, thanks good sir!

• 

  thesacredpath · Member · Feb 16, 2016 at 8:45 pm

  • Copy link

  You are welcome.