Reduce Height of Navigation Bar in Showcase Theme

Store Design
,
1

I would like to reduce the height of the navigation bar on desktop view in the showcase theme on my website.

Link is here: https://d520a4.myshopify.com/

I feel like the top cream navigation bar is far too thick. I’ve found other articles on changing this in other themes but I don’t seem to be able to find where to change the custom code.

Thanks!

2

@mindandmane

Hello,

Please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

  1. you need to crop the logo image.(crop unused space) like this

Transparent_Logo_G_500x (1).png
Transparent_Logo_G_500x (1).png365×246 52.6 KB

  1. after that add the below code.
@media (min-width: 768px){ .logo img { width: 90px!important; } }

if you see the brown space below the header after added code then apply one one more code.

@media (min-width: 768px){ body{ padding-top:130px!important; } }

after looks

shreyhweb_0-1686492985497.png
shreyhweb_0-1686492985497.png1920×485 146 KB

If our solution is helpful for you then Please like the post and tap on accepted.

If you want to discuss any further information then please contact us on our whatsapp.

We will always here for your help.

Thankyou :slightly_smiling_face: