Slideshow stretches images

Solved
Highlighted
Tourist
10 0 1

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:

bmdms_0-1603828826964.png

 

bmdms_1-1603828852328.png

 

0 Likes
Highlighted
Shopify Partner
688 104 204

Please provide website url and if your store is password protected then also provide password

If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
Highlighted
Tourist
10 0 1

Here is the website

 

myhoneycreations.com

0 Likes
Highlighted
Shopify Partner
688 104 204

Please place this code at the end of theme.scss

.home-slideshow .slick-slide img {
height: unset !important;
}
If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
0 Likes
Highlighted
Tourist
10 0 1

There is no themes.scss file for this website. Do you know where I should put it?

0 Likes
Highlighted
Shopify Partner
688 104 204

please place this code in theme.liquid in betweeb <head></head> Like
<style>

// my given code here

</style>

If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
Highlighted
Tourist
10 0 1

Hmm, it still looks like the slideshow, thus the images, are still being stretch based on width of window.

0 Likes
Highlighted
Shopify Partner
688 104 204

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

paramSoft_0-1604117391823.png

 

If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
Highlighted
Tourist
10 0 1

Awesome! It worked. Thank you so much.

 

Could you explain what the code does? Does it just lock the height of the img?

0 Likes
Highlighted
Shopify Partner
688 104 204

I just set the height to under where before height was fixed so that images were streched.

If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com