slideshow images same size on mobile and desktop

[bphillips2212]

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?

[Ajay-app-dev]

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

[fotiskaima]

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]

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 🙂

[fotiskaima]

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]

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

[bphillips2212]

Click to expand...

Any updates?

[bphillips2212]

@Ajay-app-dev any solutions?

[Ajay-app-dev]

store password?

[bphillips2212]

@Ajay-app-dev password was disabled 

[Ajay-app-dev]

Try like this 

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

[bphillips2212]

@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]

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 

[bphillips2212]

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