Hi,
May I ask for your help how to fix the issue regarding the slideshow image sizes for desktop and phone for debut theme.
This is in desktop view. So, it’s okay. it’s in MEDIUM slide height in the customize section of the debut theme.
But when I view it using phones. I see only this,
So, it’s cropped! sigh.
Does anyone know how to resolve this issue? I am willing to edit the code, if you just give me instructions on what to type. Please.
Hoping to hear from you soon.
Thank you in advance!
yes, please share slideshow section code so i will update and give your proper code
Hi Ketan, thank you for replying.
Uhm, the theme.css code under the assets?
hi @ninja_nthgrade ,
I checked and see that the slideshow keep them same image ratio on the mobile mode like the desktop mode. I’m not sure what issue you are using facing up. In this case, it would be better if you can share your store URL, then I can review it. The screenshot below is my check
Hi @ExpertRookie , thank you for replying.
Here’s the link: nth Grade – nth Grade | See Beyond.
The slideshow is MEDIUM in size in desktop view. But in mobile view, it is zoomed at the center.
I hope we can resolve this. sigh.
Thank you.
Hi @ninja_nthgrade
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css
@media(mx-width: 749px){
#shopify-section-1627221522c0c1c38d .slideshow{
max-height: 45vw;
}
}
just give me section code so i will give option mobile separate upload image
Sorry sir. I do not understand. Which liquid of the section code are you referring to? So that I can send you.
