[Resolved] Change widget background : screen size

[Heath]

Hey Tom,

I’ve used “backgrounds” to add a background image to my widget footer area. However, I don’t like the way it looks on smaller screens, so I want to replace it with a solid color. This is the CSS I tried but it’s not working. I also tried putting the color #cfd6dd after “none”. Help?

@media screen and (max-width: 800px) {
#footer_container {
background: none;
}
}

I got “sections” and am enjoying it. I’ll post a link to my website soon. Thanks as always for your support which is second to none!

[Tom]

Hi there,

Try this instead:

@media screen and (max-width: 800px) {
      .footer-widgets {
            background: none;
      }
}

[Heath]

Dang, I knew I was close! That worked, and I changed it to background: none #color;

Thanks!!

[Tom]

No problem! 🙂

[Author]

Posts