Making Navigation Header Smaller in Height

Hi,

I am using the Symmetry theme for my website and have been trying to adjust the height/modify the padding of the navigation header so that it is smaller on desktop. Have tried multiple code methods so far but nothing has worked and the height of the navigation header doesn’t change. I am using a sticky navigation if perhaps that affects the code.

Can anyone please recommend a solution? I would greatly appreciate it. Thank you!

Hi @Carlos112 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Hello @Carlos112

Which theme yopu are using? could please share the store URL so that we can check and provide you with the proepr solution to you.

Hi! Thanks for your response. Unfortunately this did not work, it raised the navigation headers slightly but the logo and shopping cart icons did not move and the overall header size stayed the same.

Do you have other options perhaps? Thank you for your comment and help!