Yuva Theme Banner Resizing

[Amystarr]

Hello,

I'm having issues with my banner on the Yuva theme resizing and cropping off my banner when the screen is different sizes, this is a test banner so can be resized to anything that fits. Does anyone have a code that will fix the banner image in place and fit the space? I've tried a few of the codes found on here already and none of them work correctly. Would also appreciate if the mobile banner could be fixed in place too!

Thank you in advance! 🙂

[websensepro]

Hello @Amystarr ,

Can you please share your store URL?

[Amystarr]

Hello, it's https://www.rebelromance.co.uk/

[websensepro]

Hello @Amystarr ,

Try this code:
Go to online store > Edit code> Find base.css file and add this code at the end :

/* Default for desktop and larger screens */
.yv-image-banner-wrapper {
    height: fit-content;
}

/* For mobile devices */
@media screen and (max-width: 767px) {
    .yv-image-banner-wrapper {
        height: 56vh;
    }
}

[Amystarr]

Hello, thank you for sending this through so quickly! I'm afraid I can't find a bass.css file in my code, please see screenshot.