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

Store Design
1

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

2

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;}

}
3

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.

4

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!