Why won't my mobile banner image display properly?

Hello.

I need some help!!

I can not get my banner to show on mobile. It looks great on desktop but is cut off on mobile. I have tried editing the code as it said to do in other discussions but it doesn’t work!

sidehustlin906.com is my url

thank you!!!

Hi @Sidehustlin906
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

@media(max-width: 749px){
#shopify-section-16601407536c9d2fd0 .image-bar__item {
max-height: 42vw;
}
}

Hi @Sidehustlin906 .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

.image-bar__item.image-bar__item--16601407536c9d2fd0-0.box.ratio-container.lazyloaded{
max-height:  44vw !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly