How to achieve this navigation bar?


I hope everything is well with you guys. I was trying to achieve a navbar with multiple rows and the logo to be centered in between on the left side. Please see the following website for reference (

I was trying to use a grid or flex but I couldn’t achieve it. Also, please advise if there is a better way of obtain the effect for the logo when scrolling.

Any help will be appreciated.


Here is my site Read-Only:
(how to share your site Read-Only link)