image banner gets cropped at the top by header on mobile dawn theme

[mahsa1]

Hi

My image banner gets cropped at the top on mobile view but on desktop it’s fine. I just want to move what you see of the image down a little bit so the top isn’t cropped out. I would rather crop more of the bottom. I even made the header transparrent but still the picure gets cropped. I tried multiple CSS and it didn’t work

Thanks

[DaisyVo]

Hi @mahsa1

Please share with me the store URL so I can take a closer look

Best,

Daisy

[B2Bridge]

Hi @mahsa1
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Dan-From-Ryviu]

Hi @mahsa1

Please share your store link here so we can check

[mahsa1]

https://realdiva.eu/

[mahsa1]

here is the link https://realdiva.eu/

[Dan-From-Ryviu]

Please add this cod to Custom CSS of that Image banner section

@media (max-width: 749px) {
.banner { min-height: 68px; }
}

[mahsa1]

it is not working, when i enter the code nothing happens.

the only code that is working is this :

.banner {
min-height: 60rem !important;
flex-direction: row;
}

but the image is still a little bit cropped

[Dan-From-Ryviu]

That was my mistake. Please use this code.

@media (max-width: 749px) {
.banner { min-height: 68rem; }
}

[mahsa1]

Thanks, it helped me with adjusting the banner size itself. The picture was still cropped, but i found a solution.

[mahsa1]

For anyone having the same problem ( moving header up so the image banner doens’t get cropped) Do this: go to header and adjust the spacing

[DaisyVo]

HI @mahsa1

I see that you’ve already solved your problem—great job! Keep up the good work with your business, and if you ever need any help, just ping us here. We’re always happy to assist you!

Best,

Daisy