Shopify themes, liquid, logos, and UX
Hello,
I have a slideshow on my website, but, when the width of the screen changes, such as, a smaller/larger tab or a different device's screen, the images stretch/shrink horizontally. How can I prevent this and preserve the dimensions of the photos?
Thanks in advance
Screenshots:
Solved! Go to the solution
This is an accepted solution.
Please place this code at the end of file where the code is written for that content. the file may be Section -> hero-slider.liquid.
Because it is overwriting my code
Please provide website url and if your store is password protected then also provide password
Here is the website
myhoneycreations.com
Please place this code at the end of theme.scss
.home-slideshow .slick-slide img {
height: unset !important;
}
There is no themes.scss file for this website. Do you know where I should put it?
please place this code in theme.liquid in betweeb <head></head> Like
<style>
// my given code here
</style>
Hmm, it still looks like the slideshow, thus the images, are still being stretch based on width of window.
This is an accepted solution.
Please place this code at the end of file where the code is written for that content. the file may be Section -> hero-slider.liquid.
Because it is overwriting my code
Awesome! It worked. Thank you so much.
Could you explain what the code does? Does it just lock the height of the img?
I just set the height to under where before height was fixed so that images were streched.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024