Color section: background on mobile firefox

Hi Rikard,
I will try to explain it better.
I’m experiencing a bug with my website on the mobile version of Firefox:
I used an image background in a Color Sections called “coodoshare” (ID: coodoshare) on my homepage at http://www.coodo.com.
On mobile Firefox that picture is taking the entire page background instead of staying only in the Color Section. Here the screenshots taken on my Android mobile for a better understanding:
on Chrome where it works fine: http://www.coodo.com/chrome.png
on Firefox where it doesn’t work: http://www.coodo.com/firefox.png

The best would be to solve the bug on Firefox only, so that the Color Section is shown correctly as it is in Chrome. The solution provided in the previously mentioned post (using the following css) would be a second choice, anyway I already tried it without success.

@media only screen and (max-width: 768px) {
#coodoshare { background-image: none!important; }}

I hope I have been clear enough so that you can provide a solution for that.
Thanks in advance!

Hi Ismael, thanks for the support.
My Firefox version on Android is 37.0.2
I tried the first css but the picture is still taking the entire page background, stretched to fit the screen width (see link below)
http://www.coodo.com/firefox_new.png

The second css is working fine :)
Anyway, since I use a Color Section also in the News page as heading element, I would ask you if it’s possible to try some other way to have the image covering the right area.
Otherwise I will go for the second solution (background: none).
Is there a way to use it on Firefox browsers only?
Can I use the code with multiple ids like for example:

@media only screen and (max-width: 768px) {
.avia-android #coodoshare #news #contact .av-parallax {
  background: none !important;
}}

Thanks!

• This reply was modified 9 years, 7 months ago by MarkDare.

Thanks Ismael,

it works only on the #coodoshare, but not on the #news. That’s weird… anyway I removed the background from the News page so I solved it this way.
What I aslo noticed is that on Mozilla Firefox for Android the Fullscreen Slider and the Promo Box are not correctly scaled. They both exceed the screen width. That’s not happening on other browsers. Can you give me some hints about it?
Thanks again!

Thanks Ismael,
the code for the promobox is working fine :)
Can you help with the Fullscreen Slider too?
Thanks again!