How Can I reduce the height of navigation bar?

The navigation bar is too high (thick) , is it possible the reduce the size?

Thank you.

Hello Yusuf,

Can you please clarify which navbar you mean, e.g. the sticky nav or the transparent nav etc… if you can share a screenshot, that will help.

Thank you

Hello Sanjeev,

I mean main nav (transparent one) as shown below. I want to change the size according to the red rectangle below. When you scroll the page down the size become smaller and that size is perfect

Any idea?..

Hello Yusuf,

I seem to have missed this post - apologies for that.

to customize the header height - you will need to edit CSS, this is detailed in an article here: https://www.support.waituk.com/hc/en-us/articles/115001866514-Increase-Header-Height

And although this is to increase the header height - you will follow exact same CSS but change the PX values to suit your own header height.

Thank you

This article is a broken link now.
I need to know how to make the sticky nav wider.
I have a logo that is fairly tall and it’s getting cut off when you scroll down the page on the sticky nav.


thanks for your help,
Karen

Hello, please create a new topic with your specific issue as this article os outdated. Ty.