Hello

Which module postion background do you wish to change on mobile devices? For which devices (mobile or mobile/table)?

Ciarán

custom html modules wich are placed on position Sidecol B.
Mobile / tablet.

Thank you

Try adding the following to the Custom CSS field of your templates parameters where #ffffff is the new background color...

@media only screen and (max-width: 1024px) {

.backgrounds #sidecol_b {

    background-color: #ffffff;

}}

Ciarán

@media only screen and (max-width: 959px) {
.backgrounds {display: none;}
}

this one i have also into my custom css

How can i combine them?

Hello

As they both apply to different properties and different screen sizes there is no way to combine this CSS.

Ciaran

When i put this inside my template.

@media only screen and (max-width: 1024px) {
.backgrounds #sidecol_b {
background-color: #ffffff;
}}

The backgroundcolor of the sidecol b is right, but then the backgroundcolor of the base 2 modules are not the same as on my pc.

Also there is an big empty space under the base 2 modules on my mobile/tablet

Hello

Could you try replacing the suggest CSS to the following...

@media only screen and (max-width: 1024px) {

.backgrounds #sidecol_b {background-color: #ffffff;}

.backgrounds #sidecol_b {display:none;}

}

Ciarán

great, thanksssss