hero banner image not coming properly

[hem0903]

hero banner image not coming properly

url - https://puurfection.co.uk/pages/about-us-puurfection

[Moeed · Accepted solution]

Hey @hem0903 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.media {
    background: white !important;
}
.media img {
    object-fit: contain !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[hem0903]

i am getting white space below it in mobile and pc both how can I reduce it

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @hem0903   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
#shopify-section-template--23864204362059__hero_UHVydy div.media {
    padding-bottom: 0 !important;
    min-height: 35vw !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly