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_kumar_dev
Shopify Partner
177 16 14

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

-If the problem is solved remember to click to Accept Solution
-if you want to modify or Customize your theme
Hire me
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888

Figma to Shopify |PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO | Speed optimization
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_kumar_dev
Shopify Partner
177 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 🙂

-If the problem is solved remember to click to Accept Solution
-if you want to modify or Customize your theme
Hire me
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888

Figma to Shopify |PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO | Speed optimization
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
Click to expand...
Any updates?
bphillips2212
New Member
7 0 0
Ajay_kumar_dev
Shopify Partner
177 16 14

store password?

-If the problem is solved remember to click to Accept Solution
-if you want to modify or Customize your theme
Hire me
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888

Figma to Shopify |PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO | Speed optimization
bphillips2212
New Member
7 0 0

@Ajay_kumar_dev password was disabled 

Ajay_kumar_dev
Shopify Partner
177 16 14

Try like this 

@media screen and (min-width: 701px) {
  #div-mobile {
    display: none;
  }
  #div-desktop {
    display: block;
  }
}
-If the problem is solved remember to click to Accept Solution
-if you want to modify or Customize your theme
Hire me
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888

Figma to Shopify |PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO | Speed optimization
bphillips2212
New Member
7 0 0

@Ajay_kumar_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_kumar_dev
Shopify Partner
177 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 

-If the problem is solved remember to click to Accept Solution
-if you want to modify or Customize your theme
Hire me
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888

Figma to Shopify |PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO | Speed optimization
bphillips2212
New Member
7 0 0

@Ajay_kumar_dev please look into it. thank you so much