Sizing hero image on mobile

DanielChicagoCane · June 19, 2022

Want to get my hero image to look correct on mobile. As it stands this is what it looks like clipped off at the top:

The CSS I have right now is the following:

Quote

@media only screen
and (max-device-width: 600px)
{[data-section-id="62a1154305dc802ad92b38cb"] {
min-height: 5000px !important;
}}

tuanphan · June 20, 2022

Can you remove your code?

DanielChicagoCane · June 21, 2022

17 hours ago, tuanphan said:

Can you remove your code?

Commented it out

tuanphan · June 21, 2022

4 hours ago, DanielChicagoCane said:

Commented it out

Don't remove any code in your current code.

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="62a1154305dc802ad92b38cb"] {
    margin-top: 10vh;
}
}

Recommended Posts