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
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;
}
}
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.
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.
Thank you soooooo much, finally it’s working perfectly 🙂 Thank you again!
