How can I hide a banner image on mobile view only?

[foxbiz]

Hi,

I just want the black banner image to only show on desktop, hide on mobile, how can I achieve this?

Grateful for any assistance.

Thanks,

site URL: www.selfit.se

[alexbrown89]

Add this css code at the very end of your theme stylesheet.

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

#shopify-section-template--15850075586780__1648130833cc79546f {display:none!important;}

}

[AvadaCommerce · Accepted solution]

Hi @foxbiz ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media (max-width: 749px) {
    #shopify-section-template--15850075586780__1648130833cc79546f {
        display: none !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[PorzakGolf]

Hello AvadaCommerce,

I am trying to do the same thing, but I do not have a /section-image-banner.css file. Where else may I post this code? Looking forward to your response. Thank you!