Issue: In the Shopify Brooklyn theme, the homepage Hero Slide was manually reduced in size using CSS (setting .hero__slide { height: 400px; }), but an unwanted blank space persists beneath the slide after resizing.
Context/technical: The change targets the Hero Slide (the top banner/slider section). The provided CSS code snippet is central to understanding the problem.
Request/next steps: A responder asked for the store URL and password (if applicable) to inspect the implementation and suggest a solution.
Status/outcome: No fix has been shared yet; the discussion is open and pending further investigation once store access is provided.
Unanswered questions: Whether the excess spacing can be removed purely via CSS or theme settings, and which element/container is responsible for the gap remain unclear.
Hey There! Using our Brooklyn Shopify theme, we were able to adjust the size of the Hero Slide on the top of our homepage so that it is smaller (please see the code used below) but we are having issues removing the blank space at the bottom of the hero slide after reducing the size. Is it possible to reduce the size of the hero slide & remove the excess space at the bottom after adjusting the size?
.hero__slide {
height: 400px;
}
Hi @GaryMach
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.