How can I remove a slideshow image only from my mobile site?

Store Design
1

Hi all,

I’m currently building a site using the editions theme. My slideshow image looks fine on the desktop site but when viewing from a mobile doesn’t look good. The theme doesn’t have a setting to change or remove the image just for mobile site. Is there another way to do it ?

My site is:

www.herbaldimensions.com

PW: leasho

Paul

1 Like
2

I’ve just looked there and can’t actually see a image slider anywhere?

but what you would do is use a @media query on screen width only, specify your max pixel width and within the brackets tell the slideshow class to be hidden - hope this helps!!

1 Like
3

@HerbalDimension

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

@media screen and (max-width: 767px) {
#shopify-section-template--15677039935742__164450774216718f43{display:none !important;}
}

Thanks!

1 Like
4

hat worked, thanks!