Resize Header on Mobile

Solved
zarke29
Excursionist
24 2 5

Hi, I have no idea how to change the size of the header in the mobile so it is at least half size smaller as it covers too much screen on mobile. My theme is Testament, would anyone know how to make this smaller including logo and whole header?

Mobile View below

1.jpg

Desktop view below

2.jpg

Thanks in advance

Accepted Solutions (2)

Accepted Solutions
Lazarus7181
Excursionist
28 5 1

This is an accepted solution.

Lazarus7181_0-1606573195034.pngLazarus7181_1-1606573248130.png

Lazarus7181_2-1606573290308.png

 

From the screenshot, it seems that the css style as "img" included which directly overwrite your image size.

 

If you see what I did above, this is a clue for you to change something on that css if you know how to do it.

 

Otherwise, I can still assist you which you will need to provide your shopify admin logins in order to do it.

 

View solution in original post

zarke29
Excursionist
24 2 5

This is an accepted solution.

Replies 10 (10)
Lazarus7181
Excursionist
28 5 1

Your Shopify store url?

zarke29
Excursionist
24 2 5

It's not published at the moment but if you want to enter temporary pass is: iblaly

Lazarus7181
Excursionist
28 5 1

What about your shopify url? (E.g. xxx.shopify.com)

zarke29
Excursionist
24 2 5

Sorry forgot about it: https://www.littlelilistore.com/

Lazarus7181
Excursionist
28 5 1

This is an accepted solution.

Lazarus7181_0-1606573195034.pngLazarus7181_1-1606573248130.png

Lazarus7181_2-1606573290308.png

 

From the screenshot, it seems that the css style as "img" included which directly overwrite your image size.

 

If you see what I did above, this is a clue for you to change something on that css if you know how to do it.

 

Otherwise, I can still assist you which you will need to provide your shopify admin logins in order to do it.

 

zarke29
Excursionist
24 2 5

Thank you I think I could do it and I'll have a try but in which coding section is it? theme.liquid?

Lazarus7181
Excursionist
28 5 1

Look under "Assets".

 

Good luck then.

zarke29
Excursionist
24 2 5

Done, it was actually in the header liquid, but you gave me bright idea what to search for, thank you for help 🙂

zarke29
Excursionist
24 2 5

This is an accepted solution.

Untitled.png

 

hsaperfumes
Tourist
11 0 2

Hello

I have reduced the size too but somehow the bottom of the mobile view is longer.

How can we reduce that ?

my url is www.hsaperfumes.com

Any help is appreciated! Thanks

 

Screen Shot 2020-12-03 at 1.26.24 AM.png