The banner image is not fully displayed on mobile devices.

Like this, my website: www.bmcarcover.com

Hi,

Hope this will work

-Find the Banner Section and Adjust Image Settings
-If it does not work, then look for code like this “

” and Add style inside that div: something like "style=“object-fit: contain;”

Hello @Jim_65
Go to online store ----> themes ----> actions ----> edit code ----> assets —> section-image-banner.css
add this code at the end of the file and save.

@media screen and (max-width: 749px) {
.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 17rem !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like

But the second and fourth pictures are still not fully displayed. Can you see it?

That is because your images are of different sizes.