Resize Header on Mobile

Solved
Tourist
12 1 0

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
Excursionist
28 5 1

Your Shopify store url?

0 Likes
Tourist
12 1 0

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

0 Likes
Excursionist
28 5 1

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

0 Likes
Tourist
12 1 0

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

0 Likes
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
Tourist
12 1 0

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
Excursionist
28 5 1

Look under "Assets".

 

Good luck then.

0 Likes
Tourist
12 1 0

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

0 Likes
Tourist
12 1 0

This is an accepted solution.

Untitled.png

 

0 Likes