How can I adjust the mobile header size on my website?

Store Design
1

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

2 Likes
2

@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
KetanKumar_0-1613532817569.png1920×1080 326 KB

3

@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

4

@elo1234

do you need header customization or banner image?

5

@KetanKumar

The big image (image with overlay)

6

@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;
}
}
7

Thank you it worked!

1 Like
8

@elo1234

it’s my pleasure to help us

9

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

1 Like
10

@KimLuague

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

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

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

11

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?

12

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
IMG_5934.jpg1170×2007 117 KB

1 Like
13

@BSGYM77

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

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

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

14

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?

15

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.

16

Hi,

Having the same problem, but cannot solve.

I have the Dawn theme