Footer Image Mobile only

How can you disable the footer background image on mobile only, replacing with a white color background?

Hello, can you please provide a link to your website in order to let me check it?

You can use some link shortener if you don’t want to leave the link to your site in this topic.

Kind Regards, Roman.
aThemes Support

https://rb.gy/f6iaim

Hello, and thank you for the link.

You can add this CSS code in the Customize → Additional CSS section:

@media (max-width: 767px) {
    .footer-widgets {
        background-image: none;
    }
}

Kind Regards, Roman.
aThemes Support

The footer image on mobile is still showing up for me.

Hello,

The footer image on mobile is still showing up for me.

Okay, try to use this CSS code instead, it should work:

@media only screen and (max-width: 767px) {
    #sidebar-footer.footer-widgets {
        background-image: none;
    }
}

Kind Regards, Roman.
aThemes Support

Yes, that worked. Thanks!

1 Like

Great, you are welcome!

And have a nice day :slight_smile:

Kind Regards, Roman.
aThemes Support