slideshow images same size on mobile and desktop

bphillips2212
New Member
7 0 0

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?

Replies 13 (13)

Ajay-app-dev
Shopify Partner
178 16 14

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

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
fotiskaima
Tourist
16 0 3

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?

Ajay-app-dev
Shopify Partner
178 16 14

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 helps you out, if you still face problem, do let me know, will assist you 🙂

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
fotiskaima
Tourist
16 0 3

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

bphillips2212
New Member
7 0 0
bphillips2212
New Member
7 0 0
Click to expand...
Any updates?
bphillips2212
New Member
7 0 0

@Ajay-app-dev any solutions?

Ajay-app-dev
Shopify Partner
178 16 14

store password?

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
bphillips2212
New Member
7 0 0

@Ajay-app-dev password was disabled 

Ajay-app-dev
Shopify Partner
178 16 14

Try like this 

@media screen and (min-width: 701px) {
  #div-mobile {
    display: none;
  }
  #div-desktop {
    display: block;
  }
}
Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
bphillips2212
New Member
7 0 0

@Ajay-app-dev that did not resolve the problem. Is it possible to guide me on how to add a section for each mobile and desktop slideshows that works for my theme (Simple theme).

Ajay-app-dev
Shopify Partner
178 16 14

As i can see, it's needed to code as per your theme because universal solution is not working for you. So i need to look into your code and make the requirement for you which will surely take a bit time 

Try Essentialwolf Upsell & Cross Sell (★★★★★ 5+ star) App

- Was your question answered? Mark it as an Accepted Solution
- Learn more about us at www.essentialwolf.com
bphillips2212
New Member
7 0 0

@Ajay-app-dev please look into it. thank you so much