Shopify themes, liquid, logos, and UX
Hello all,
We are currently facing some problems with the hero image on our website (https://www.croom-sanitair.nl/).
At this moment the image is filling the whole page but I want to shrink it so people see what's under there without scrolling.
Can somebody help me with this?
Solved! Go to the solution
This is an accepted solution.
1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.
.hero .slick-list, .hero .slick-track {height: 70vh !important;}
.hero[data-adapt=false], .hero[data-adapt=false] .slideshow__overlay:before { height: 70vh !important;}
Thanks!
Please share store URL & screenshot what do you want!
Thanks!
This is an accepted solution.
1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.
.hero .slick-list, .hero .slick-track {height: 70vh !important;}
.hero[data-adapt=false], .hero[data-adapt=false] .slideshow__overlay:before { height: 70vh !important;}
Thanks!
Thank you for the quick fix! 🙂
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