How to achieve this navigation bar?

Hey!

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 (https://www.1hotels.com/south-beach)

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.

Thanks


Here is my site Read-Only: https://preview.webflow.com/preview/jdstadiumhotel?utm_medium=preview_link&utm_source=dashboard&utm_content=jdstadiumhotel&preview=06d9f5aa1c8e600fa50aac30a8e0865f&mode=preview
(how to share your site Read-Only link)