gallery-block Adjust section height on first section

Site URL: https://www.haebse.ch/

I am looking for a way to customize the section height of the first section after the header at www.haebse.ch. The gallery block should remain full bleed but the height should be at a fixed pixel number. (alternatively a responsive section height to the height of the browser window up to a certain pixel number would be nice). Any advice? 🤔

Are you looking to maintain the aspect ratio of the banner images so that the text remains readable on mobile? If so this should help:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

Be aware that if you have block content on the slides that can interfere with this working correctly.

Hope this helps!

Thanks, @Ziggy. This would be one way to solve the issue but unfortunately it does not work in my case. I really just need to adjust the height of the top section to a fixed pixel number i.e. 750px. This would make very happy already. 🙂

On 10/5/2022 at 3:07 PM, ben_space said:

Thanks,  This would be one way to solve the issue but unfortunately it does not work in my case. I really just need to adjust the height of the top section to a fixed pixel number i.e. 750px. This would make very happy already. 🙂

Try adding to Design > Custom CSS

/* Home top slide */
.user-items-list-item-container[data-section-id="63241166b7d08d017ebe2108"] ul {
    height: 750px !important;
    min-height: unset !important;
}