Brooklyn theme: reduce height of slideshow

Solved
adthai
Excursionist
61 0 24

Hi, I am looking to reduce the height of my slideshow so that it doesn't cover the whole browser page. Is this possible? My URL is a-lineage-story.myshopify.com and my password is 'beckew'

Replies 12 (12)
dmwwebartisan
Shopify Partner
9731 2227 3057

@adthai 

Welcome again!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
adthai
Excursionist
61 0 24

Sorry, I have one more question. Do you know any way to modify the height of the slideshow on mobile?

dmwwebartisan
Shopify Partner
9731 2227 3057

@adthai 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px) {
.hero[data-adapt=false], .hero[data-adapt=false] .slideshow__overlay:before {
    height: 50vh !important;
}
.hero .slick-list, .hero .slick-track {
    height: 50% !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →