Solved

Why is my mobile Shopify header too large on stockunion.co.uk?

elo1234
Excursionist
30 0 8

 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

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 15 (15)

KetanKumar
Shopify Partner
36839 3635 11972

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elo1234
Excursionist
30 0 8

@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
Shopify Partner
36839 3635 11972

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elo1234
Excursionist
30 0 8

@KetanKumar 

 

The big image (image with overlay)

KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elo1234
Excursionist
30 0 8

Thank you it worked!

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KimLuague
Visitor
1 0 1

thank you that worked for me.  So where do I do that for the footer. 

KetanKumar
Shopify Partner
36839 3635 11972

@KimLuague 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SB-1
Visitor
1 0 0

Hi,

I've got the same problem for my site.

The header picture on mobile shows only halve the picture. I've tried adding the code, but nothing changed.

www.loopsheidbroekje.com

What am I doing wrong?

NGM2022
Excursionist
55 0 6

Hi!, I am trying to do this but I do not find theme.css in the assets. Is something changed? How can I apply that solution?

tyna007
Visitor
2 0 0

It didnt work for me. my Header in the mobile site is smaller. I am trying to follow your instructions pasting the code but the section Theme doesnt appear. I find assets but not theme. please help.

isahalvo
Visitor
1 0 0

Hi,

Having the same problem, but cannot solve.

I have the Dawn theme

BSGYM77
Tourist
9 0 2

I have the same issue. My site's desktop version is great but the mobile site header is too big (it's squeezing the Header/name of the company. and stacking it. any help would be appreciated. I am using the RIDE theme.

 

IMG_5934.jpg

 

KetanKumar
Shopify Partner
36839 3635 11972

@BSGYM77 

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

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing