Different Section Heights on Mobile vs Desktop

Site URL: https://www.palacecity.co.uk

Hi,

When trying to design my sections - I like the section height setting M on desktop but the S on mobile. Is there any way to have this, as opposed to having it change on both when I switch the height between the two?

Thanks

Yes. Possible. Which section?

On 8/22/2021 at 4:11 AM, tuanphan said:

Yes. Possible. Which section?

The main section bits on the homepage, the "Music" / "Art" / "Merch" sections. Thanks for your reply

On 8/24/2021 at 2:19 AM, PalaceCity said:

The main section bits on the homepage, the "Music" / "Art" / "Merch" sections. Thanks for your reply

Try adding this to Design > Custom CSS (Code for Music section)

/* Music section height mobile */
@media screen and (max-width:767px) {
[data-section-id="60cb29b263703a7cfca9a894"] {
    min-height: 50vh !important;
}
}

If it works, I will check other sections