Hi there,
I have chatted with customer agents but there seems to be no native way to reduce the height of slideshow banner sections. Is there a way to code this in the liquid files?
I have also tried to reduce the image size but since the slideshow doesn’t adapt to the image size, it remains and the image looks cut off.
https://bubblebeautysupplies.com/
password: bubble
Thanks in advance
Hi @bubblebeauty ,
Your theme is customizing many things, so it’s difficult to check the details. To adjust the height, we suggest you adjust the following parts:
Add max-height attribute to img tag containing image: https://prnt.sc/B0rpzNN-fDPf2. The before section of img adjust the value of padding-bottom = value max height set above: https://prnt.sc/fuOvA2uZo1Qi
Remove the object-fit: cover attribute; of img tag https://prnt.sc/y2etvNzH0OUR
Check the site again.
P/S: you can customize the original image size so that the image displayed on the banner looks more balanced compared to the screen.