Yuva Theme Banner Image Cropped on Different Screen Sizes

[exoneon]

Hello,

Please help me fix this the banner size issue on different screens, it is cropped.

Lewis Knife

[EBOOST]

Hi @exoneon ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag

<style>
#shopify-section-template--18574681407732__image_banner_AibWNX .yv-image-banner-wrapper {
  height: auto;
}

#shopify-section-template--18574681407732__image_banner_AibWNX .yv-image-banner-content.text-align-left {
  position: absolute;
}

#shopify-section-template--18574681407732__image_banner_AibWNX .image-wrapper {
  position: static!important;
  padding: 0!important;
}
#shopify-section-template--18574681407732__image_banner_AibWNX .image-wrapper img {
  position: static!important;
  object-fit: cover!important;
}
</style>