Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 6, 2015 at 1:54 pm #498862
    entrepreneur41

    Hi,

    Like many here, I have an issue with a background image on a mobile display conflicting with text. I’d like to hide the background image and have inputed the following CSS

    @media only screen and (max-width: 768px) {
    .hide-bg-mobile { display: none !important; }}

    but this removes everything, including the text that we want shown.

    I’ve tried

    @media only screen and (max-width: 768px) {
    .hide-bg-mobile { background: none !important; }}

    but this has no effect.

    Can you please help? I’ve provided a link for your convenience

    September 7, 2015 at 7:42 am #499061
    Rikard

    Hey entrepreneur41,

    I can’t see anything on that page except text reading “Your message has been sent. We’ll be back in touch soon!”, what am I supposed to see?

    Regards,
    Rikard

    September 7, 2015 at 3:30 pm #499276
    entrepreneur41

    Yeah I pulled the whole background picture, since it wasn’t working out with the mobiles. In the end I prefer the simplicity; gonna keep it like this for now. Thanks anyway!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hide background on mobile display not working’ is closed to new replies.