Change header size on mobile

Solved
elo1234
Tourist
4 0 2

 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
Shopify Partner
14167 1649 5082

@elo1234 

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

i can see do you need more less?

KetanKumar_0-1613532817569.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
elo1234
Tourist
4 0 2

@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

0 Likes
KetanKumar
Shopify Partner
14167 1649 5082

@elo1234 

do you need header customization or banner image?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
elo1234
Tourist
4 0 2

@KetanKumar 

 

The big image (image with overlay)

0 Likes
KetanKumar
Shopify Partner
14167 1649 5082

This is an 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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
elo1234
Tourist
4 0 2

Thank you it worked!

 

 

KetanKumar
Shopify Partner
14167 1649 5082

@elo1234 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes