Shopify themes, liquid, logos, and UX
Hi there
I would like to change some of the size for image in slide show to make it bigger than before on mobile version ( desktop version is ok) . 399px*341px is the size I am looking for .Pls help me .
My Url : sales.bellissimochina.com
Solved! Go to the solution
This is an accepted solution.
@LEUNGGUOTAO Please remove my old code and set this new code
@media only screen and (max-width: 500px) {
#shopify-section-1626935711b8e5c40e .home-slideshow .slideshow .images-contain img {
height: 341px;
-o-object-fit: cover;
object-fit: cover;
}
}
Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.
@media only screen and (max-width: 400px) {
#shopify-section-1626935711b8e5c40e .home-slideshow .slideshow .images-contain img {
height: 341px;
-o-object-fit: cover;
object-fit: cover;
}
}
Hello Thanks!it works! But the size of slideshow is difference when I use different mobile phone to browse it .Why? Can I keep it same?
This is an accepted solution.
@LEUNGGUOTAO Please remove my old code and set this new code
@media only screen and (max-width: 500px) {
#shopify-section-1626935711b8e5c40e .home-slideshow .slideshow .images-contain img {
height: 341px;
-o-object-fit: cover;
object-fit: cover;
}
}
Hello I know this is an old post but I'm having the same problem. I am having this problem with the slideshow on my homepage. The images are too big in the slideshow, and making it load slow. Thank you
Hey any chance you can help me with this? I am confused by the class IDs and placement.
The website I am looking to decrease slider size is www.nooriapparel.com
@design12212 on which page?
Where do we have the "edit code" option? I'm sorry, I'm don't know how this works a little help would be highly appreciated!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024