Different footer image background for mobile

Store Design
1

Hi, I made my footer background image for desktop, but I would like to make another image for the mobile version.

website url: https://thesnoozy.com/

password: 123

2

@GeorgeRizos

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 749px){
footer.footer.color-background-2.gradient.section-footer-padding {
    background-image: url("add your mobile image url");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
}

Thanks!

3

Hello @GeorgeRizos ,

@media(min-width: 280px) and (max-width: 767px){
footer.footer.color-background-2.gradient.section-footer-padding{
background-image: url(’ ADD IMAGE LINK HERE '); !important
}

}

4

Thanks! It worked!

1 Like