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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024