How to remove image from mobile view

[LaurenLw]

I have an image on the banner which I would like to retain only for desktop view.

For mobile view, I would like to remove the image and the text as it is blocking the main banner image.

Help on this will be much appreciated, thank you!

Desktop view

Mobile view

[websensepro]

Hi @LaurenLw , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[websensepro]

Hi @LaurenLw 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:767px){
img.slide-img.medium-down--hide {
    opacity: 0 !important;
}
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[websensepro]

@LaurenLw 

Use my code and remove the code you pasted, which I have circled.

[suyash1]

@LaurenLw  - can you please share your website link?

[Moeed · Accepted solution]

Hey @LaurenLw 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.home-slideshow .slick-active .slider-content {
    display: none !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Hasan112]

@LaurenLw Hello

@media(max-width:767px){ img.slide-img.medium-down--hide { display: none !important; } }

Accept as solution if its useful thanks