Change header size on mobile

[elo1234]

 I cannot change the size of my header. On the desktop it looks fine but when i go onto my mobile the header is too big

How can i change that? Tried editing css but did not work for me, not sure why.

Website ; stockunion.co.uk

Pass ; ubrania

[KetanKumar]

@elo1234 

Sorry you are facing this issue, it would be my pleasure to help you.

i can see do you need more less?

[elo1234]

@KetanKumar 

Yeah so as you can see on the desktop website the image is full size and when i go to mobile its cut off (you can only see 1/3 of the image). I want the image to resize depending on the screen size

[KetanKumar]

@elo1234 

do you need header customization or banner image?

[elo1234]

@KetanKumar 

The big image (image with overlay)

[KetanKumar · Accepted solution]

@elo1234 

thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero--large {
    height: 178px;
}
}

[elo1234]

Thank you it worked!

[KetanKumar]

@elo1234 

it's my pleasure to help us