Resize Header on Mobile

Solved
zarke29
Excursionist
18 2 4

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

0 Likes
Lazarus7181
Excursionist
28 5 1

Your Shopify store url?

0 Likes
zarke29
Excursionist
18 2 4

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

0 Likes
Lazarus7181
Excursionist
28 5 1

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

0 Likes
zarke29
Excursionist
18 2 4

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

0 Likes
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.

 

0 Likes
zarke29
Excursionist
18 2 4

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

0 Likes
Lazarus7181
Excursionist
28 5 1

Look under "Assets".

 

Good luck then.

0 Likes
zarke29
Excursionist
18 2 4

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

0 Likes
zarke29
Excursionist
18 2 4

This is an accepted solution.

Untitled.png

 

0 Likes