Resize Header on Mobile

[zarke29]

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

Desktop view below

Thanks in advance

[Lazarus7181]

Your Shopify store url?

[zarke29]

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

[Lazarus7181]

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

[zarke29]

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

[Lazarus7181 · Accepted solution]

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]

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

[Lazarus7181]

Look under "Assets".

Good luck then.

[zarke29]

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

[zarke29 · Accepted solution]

[hsaperfumes]

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