Please share store URL & screenshot what do you want.
Thanks!
Topic summary
Goal: Reduce the height of the Brooklyn theme slideshow so it doesn’t cover the full browser viewport.
Desktop fix: Added custom CSS in assets/theme.scss.liquid using a media query (min-width: 769px) to set the hero/slideshow height to 75vh (viewport height). Also set .hero .slick-list and .hero .slick-track to height: 100% to maintain slide alignment.
Issue encountered: After the first attempt, subsequent slides appeared blank. The code was corrected by removing the previous snippet and adding a revised version that keeps height: 100% on .slick-list/.slick-track without extra width settings, resolving the blank slide problem.
Mobile adjustment: Added a second media query (max-width: 768px) to set the hero/slideshow height to 50vh and .slick-list/.slick-track height to 50%, reducing slideshow height on phones.
Outcome: The desktop and mobile changes worked as intended, and another user confirmed the solution’s effectiveness. Status: Resolved. (Notes: CSS uses media queries and vh units; “hero” refers to the slideshow container; “slick-list/track” are elements from the Slick slider library.)