Large Image Section on Desktop – Small Image Section on Mobile

imnotwordy · February 28, 2023

Hello,

I am trying to get a section that is LARGE on desktop to be SMALL on mobile. How do I go about that?

Thanks.

URL: https://www.evertin.com/

Edited February 28, 2023 by imnotwordy

Ziggy · February 28, 2023

Can you share your website URL and the page/section you want to be smaller on mobile? Thanks!

imnotwordy · February 28, 2023

@Ziggy

Updated with the link above. The section is the one with a man and a woman. Only section with a big image.

Ziggy · February 28, 2023

Try this solution, add the following to your custom CSS:

section[data-section-id="63f208bcf0b0fc45f7990a41"] {
  min-height:clamp(0px, 56.25vw, 100vh) !important;
}

You can adjust the 56.25vw, but I think it's a good number for that section!

imnotwordy · February 28, 2023

Thank you @Ziggy that worked perfectly!

Recommended Posts