Viewing 8 replies - 1 through 8 (of 8 total)
  • David_G

    (@questas_admin)

    Try this in your custom css

    replace the word selector with your selector for background.

    @media (max-width: 480px) { selector {
     display: none;
    } }

    Different size screens ->
    767px
    979px

    Thread Starter kapucniki

    (@kapucniki)

    Unfortunately doesn’t work, or I’m not able to find the right selector :-/

    The selector you want is .backslider

    @media (max-width: 480px) {
      .backslider {
        display: none;
      }
    }
    Thread Starter kapucniki

    (@kapucniki)

    No success…

    I don’t see the CSS on your page, are you sure that you added it? Try this version.

    @media (max-width: 480px) {
      #bs0, .backslider {
        display: none !important;
        visibility: hidden !important;
      }
    }

    The problem is that backslider uses JS to set the styles, so it may be overwriting your custom CSS.

    Thread Starter kapucniki

    (@kapucniki)

    Yes, I was thinking the same because it’s impossible that I can’t find any working solution. I added this last one too but no success.

    I see the problem. In your style.css file, you have an open CSS comment that’s eating the last 10 or so lines of your stylesheet.

    Delete this:
    /* normally width 33.888% (about 320px), but for mobile, we want fuller width

    Then retry.

    Thread Starter kapucniki

    (@kapucniki)

    Thank you soooooo much, finally it’s working perfectly ?? Thank you again!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove the background image on mobile’ is closed to new replies.