soho theme

• 

  hasseymama · Member · Mar 15, 2016 at 8:07 pm

  • Copy link
  • Add topic to favorites

  Hello, I would like to remove the grey background in the mobile theme

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

• 

  thesacredpath · Member · Mar 15, 2016 at 9:24 pm

  • Copy link

  Hi there, Our first challenge, given that we now have about 100 different screen resolutions for “mobile” is what breakpoint we are going to decide on, and are we concerned with both landscape and portrait orientation? And are you only concerned with phones, or with tablets as well? Phones in landscape can have viewport widths of 800px. I’ve arbitrarily chosen 900px for the max width in this Media Query. Any device or browser that is less than 900px will have the background removed.

  @media screen and (max-width: 900px) {
  	body.custom-background {
  		background-color: rgba(0, 0, 0, 0) !important;
  	}
  }