Hey, I am having a hard time getting my slideshow images to look similar on desktop and mobile version. I am using the ‘Simple’ Theme. any suggestions?

Hi @bphillips2212 , kindly share the url, so i can provide you the appropriate solution

Hello i have the same problem. I would like to add different photo for the mobile phones and different for desktop.My site is ewoodcollection.com . Can you suggest me a solution please?

Hi @fotiskaima , in order to show the the different photos for mobile and desktop version, you need to create the separate slideshow for mobile and desktop as well. And just you need to hide the mobile slideshow in desktop view and same goes for the desktop slideshow hide in mobile view. I hope it …

This is the code that i added in order not to display the second slideshow in desktop @media (min-width:991px) { #slideshow-1 { display: none!important; }} But it does not work

Thanks. It is https://cravezandcreationz.com/

@Ajay-app-dev password was disabled

Try like this @media screen and (min-width: 701px) { #div-mobile { display: none; } #div-desktop { display: block; } }

Slideshow images same size on mobile and desktop

Store Design

bphillips2212 October 28, 2021, 5:13am 7

Any updates?

Topic		Replies	Views
Seperate slideshow image for desktop and mobile Refresh theme Store Design design , customizations , css	3	33	November 20, 2022
Separate slideshow for mobile and desktop home page Store Design	3	86	December 29, 2021
Seperate Slideshow Images On Mobile And Desktop - Refresh Theme Store Design css , shopify-themes	12	197	April 8, 2024
Display different slideshow images on desktop and mobile sense theme Store Design customizations	6	136	October 21, 2024
Different Slideshow Images For Mobile And Desktop Shopify Discussion troubleshooting	3	33	November 16, 2023

Slideshow images same size on mobile and desktop

Related topics