Hello, I would like to reduce the size of the slideshow height.
Here is my shop link: https://479a7a-a6.myshopify.com/
On pc is too big
Topic summary
A user seeks to reduce the slideshow height on their Shopify Prestige theme store.
Two solutions provided:
CSS Method (diego_ezfy):
- Navigate to: Online Store > Themes > Actions > Edit Code
- Open Asset > base.css
- Add custom CSS at the bottom targeting
.banner--large:not(.banner--adapt)withmin-height: 420px !importantfor screens 750px+ - The 420px value can be adjusted to any desired height
Theme Customizer Method (Vinsinfo):
- Go to: Online Store > Themes > Customize
- Select the “Image banner” block
- Adjust “Banner height” from the dropdown menu
- Save changes
- Includes screenshots demonstrating the process
Both responders request feedback on whether their solutions work. The CSS approach offers more precise control, while the Customizer method is simpler and doesn’t require code editing. The discussion remains open pending the original poster’s response.
@vseazon , do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
.banner--large:not(.banner--adapt) {
min-height: 420px !important;
}
}
the 420px can be changed to anything you wish.
If it helps you please click on the “like” button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
@vseazon Please follow below steps to reduce the size of the slideshow height. Let me know whether it is helpful for you.
- From admin, go to “Online Store” → “Themes” → “Customize”.
- Click “Image banner” block like in the below mentioned image.
- Change “Banner height” accordingly from the dropdown in the below image.
- Save changes.
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.