hide background image on mobile devices

• 

  superiordiocese · Member · Jun 24, 2014 at 5:25 pm

  • Copy link
  • Add topic to favorites

  I have a blue background image on http://catholicdosnews.org/

  But since I also have my twenty fourteen website embedded using an iframe at a page I am currently developing at http://5291.joseph.ecatholicwebsites.com…

  I do not want the background image or color blue to show at bottom of scroll in iframe. Is there a way to hide it or have the background set to white?

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

• 

  superiordiocese · Member · Jun 24, 2014 at 6:01 pm

  • Copy link

  I was able to move the bkg image using the following code, but it still leaves the color i had set (blue)… I want it white.

  @media (max-width : 480px) {
  body.custom-background {
  background-image: none;
  }
  }

• 

  superiordiocese · Member · Jun 24, 2014 at 6:07 pm

  • Copy link

  I got it to work using the following code:

  @media (max-width : 768px) {
  body.custom-background {
  background-color: #ffffff;
  background-image: none;
  }
  }

• 

  superiordiocese · Member · Jun 24, 2014 at 6:09 pm

  • Copy link

  MY APOLOGIES TO ALL…

  I guess I got spoiled. This forum is awesome and the regular people on it do fantastic work. Sometimes its easy to use it as a crutch though. I mean, it’s important that before asking a question, that I do a search or try to solve the problem myself, before asking.