I have tried before and although I can make it centred the mobile version messes up. I will edit this post with a workflow link in a bit. Currently trying to make it again.
Open the navigator and expand the Navbar widget. Inside you will find the following elements:
Container
– Brand
Nav Menu
– Nav Link
– Nav Link
– Nav Link
Menu Button
– Icon
Move Brand into Navbar. Pu ti in between the 2nd and 3rd Nav Links
Duplicate Nav Link 3 under itself by holding “alt”(mac) and dragging just below it. Now you should have 4 links.
Select the Brand element and give it a class. I used logo.
Change display to inline block, change the height and width to what ever you need. Change float to “none”
It worked great on Desktop view, however when I preview it on Mobile/Ipad, the brand logo comes into the drop down list of the Hamburger Menu.
i.e. there is no logo on the iPad/Mobile version, with the logo featuring in the drop down menu between Nav Link 2 and Nav Link 3.
Would you have any idea on how to fix that? @Hamzster did you have the same issue?
Thanks.
Ish
PS First day playing with WebFlow so apologies if this was a simple/stupid question.
There is a display on device button in the setting panel. You can set it to view on just desktop and put another image into the mobile/tablet view and set to display on mobile and tablet only. That should do it!
I wanted a navbar that was centered without the brand link in it (because my client wants it this way). And I found I could delete the brand link and just follow the instructions 4,7,8,9 and 10 and I got what I needed. Thanks to @makloon.
@thewonglv how did you get the nav links inside a div block. everytime I try to to drag cnav-linksWrapper into cnav-menu I get an error message from webflow saying navlinks can only be inside a nave menu