How can I reduce the size of my header on both desktop and mobile?

Store Design
1

Hello,

I need to reduce my header in both Desktop and Mobile Versions. I want to remove like below how can I do it?

2

Hey @Hokage_San

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1690973725769.png
Moeed_0-1690973725769.png1903×132 14 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hello @Moeed

Thanks, It worked! Is there any way more reduce it?

4

Hey @Hokage_San

Yes it is possible to reduce more but I suggest you to not reduce it more as it might affect the logo and the navigation height, I removed all the extra padding in your header so now there’s no extra space that needs to be removed.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed