Centering logo in navbar between 4 nav links

Hey guys, i’m new to Webflow and i’m in need of a little help.
I’m trying to get my logo to be dead in the centre while being wrapped by the other nav links. I did find a forum answer on how to centre it, however that leads to my logo being inside the hamburger nav menu when previewing it on mobile devices option.
Please help it’s driving me nuts!

What i get

Leads to this

What i want the logo to look like on mobile


Here is my site Read-Only: https://preview.webflow.com/preview/tattyanas-first-project-f13dcf?preview=ba22f0097325fb01e5f47bc0488af471

Hi there,

Great question, and thanks for posting :nerd_face:

I would suggest hiding the logo element within the navbar for the mobile views, and then adding an image element outside of the navbar that would only be visible on the mobile views.

Hopefully this was helpful :blush:

Excellent question! I just took a look at your Read-Only link, and it looks like you are making a similar update. :+1:

1 Like

Thank you for the reply! i’ll try that out!

1 Like