Streaming live at 10am (PST)

Hamburger on desktop


#1

When I want the hamburger menu menu to appear on the desktop, the desktop menu disappears. How do I stop that from happening?


#2

Isn't it what you'd expect it to do?

If you want a normal menu plus a hamburger icon giving you access to the rest of the menu, put a dropdown menu item at the end of the menu and put a hamburger icon close to the item text. make the icon only visible for desktop and the text (More...) only appear for the devices.


#3

Ah brilliant, thanks. I find the whole navbar thing on Webflow a nightmare....


#4

Really? I find it's kind of working very well... I use it as less as possible though, I am strongly against using a hamburger menu, wether it's on desktop or on mobile. I try to propose more straight forward experiences.


#5

I find it all seems to happen like magic, but I can't actually control it terribly well. Do you happen to know any videos showing creating a handmade nav bar by any chance?
(PS I know what you mean about the hamburger.)


#6

Hmm, drop a section, give it the HTML5 "Nav" tag in the settings tab, drop a container inside it, a div that you call Navbar that you make flot right, a link block that you call brand that you let aligned left, and now you can put links into the Navbar div... That's a 100% legit navbar here. Sorry it's not a video :smiley:

Then you rework it for every breakpoint. You can even align it fixed to bottom for phones, hide the text of the link, show icons instead and make a nice app-like toolbar... everything is possible. Just don't forget to give it the HTML5 tag "Nav".


#7

@Hywel I agree with @vincent, the navbar is really flexible and powerful. Creating one of your own via divs is super easy as well – once you get the hang of it. It's worth spending some time testing and mastering.

Did you see the demo kit? https://preview.webflow.com/preview/demokit?preview=28e8f61ae432f6c36f101e57078c18b6


#8

Much appreciated both, I never knew the relevance of the section 'naming', I look forward to giving it a go tomorrow. Thanks muchly.


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.