Shopify themes, liquid, logos, and UX
My slideshow banner currently is taking up the whole screen as shown below:
How can I decrease its height, keeping the text box relative distance from the slide selection bar, so that when someone opens the website they can see more of the content below.
Please do not offer me this code:
This simply decreases the height of the image, not the section.
Any help would be greatly appreciated, thank you
This is Amelia from PageFly - Landing Page Builder App
You are using the Slideshow section of Dawn theme, this section has one setting is Slide height. You can change the height from some options that support like: Adapt to fit image, Small, Medium and Large.
I checked your page and I saw that you are using the Medium size for your slideshow.
If you want to add the custom css to change the height by your self you can use this css to add to this section
@media screen and (min-width: 750px) {
.banner--medium:not(.banner--adapt) {
height: 40rem !important;
}
}
Hope that my solution works for you.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Hello,
It is not doing anything. Do you know why this is?
Thank you
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025