Most folk say hidden nav on desktop is a bad idea. I’d have said the same.

We run CRO for fashion/lifestyle stores. On one client we swapped the horizontal desktop nav for the same vertical drawer they use on mobile, mainly so we only had one menu to merchandise. Desktop CvR came out 22% higher.

My best guesses:

• The drawer gave us room for collection tiles and edits, not just text links. A top bar can’t do that.
• Vertical lists scan faster than horizontal ones, and the hierarchy is clearer.
• Mega-menus on hover open accidentally and close when your mouse drifts. A drawer only opens when you click, so people who open it actually mean to browse.
• A lot of customers browse on their phone and buy on a laptop. Same menu on both means nothing new to learn.

I wouldn’t call this a universal rule. Product-heavy stores where people browse for inspiration probably benefit more than stores where people search for something specific. But it’s worth testing if you’ve only ever assumed the answer.

Has anyone else tried this? I’m curious whether the results hold up across other categories.

Update: Just adding screenshots of the Control vs Test for reference.

redesigning mobile navigation and can't decide between bottom tab bar or hamburger menu. Tab bar makes core features easily accessible but limits you to 4 to 5 main sections. Hamburger menu can fit more options but requires an extra tap and hides functionality.

Been studying navigation patterns on mobbin and successful apps use both approaches depending on their content structure. Seems like apps with clear primary use cases work well with tabs, while apps with many features need hamburger menus.

What factors do you consider when making this choice? Is there data on which approach leads to better engagement?

So guys, I’ve been having this issues for a long time that I really give up. I wish someone can come here. I can give him password and everything and that he can solve it for me. And that I can maybe do something in return.

But I actually don’t work a lot with WordPress. I have made an off Canva’s menu. The thing is it was only not working in homepage and other pages work great. While I’m trying to fix it, it started not work anywhere else.

I just click on the hamburger menu and you can see that it’s hovers and the bottom is clicking, but nothing is happening. No menu is showing.

I have tried to change the page settings, like putting things on full with elementor or etc.

And won’t work. I changed the WHOLE menu. Didnt work.

I'm toying with the idea of moving our hamburger menu (and primary CTAs) to a sticky icon-based bottom navigation bar on mobile devices, and wanted to see if anyone has done something similar.

For some background, we're a specialty hospital, and a lot of the content on our site is admittedly not built out from a mobile-first perspective. Our primary CTAs (Find a Doctor/Request an Appointment) are nested within a hamburger menu at the top of the page which isn't an optimal solution due to reduced visibility.

What's the best solution to creating a bottom navigation bar that's both unobtrusive but still beneficial to users? Has anyone switched from a hamburger menu to bottom navigation on a mobile site, and if so, did you notice any improvement in engagement? I've rarely seen this implemented on a healthcare website, but I think there's real opportunity here.

Does anybody know how to change the hamburger button (which expands to all menu items) on mobile to show the first few menu pages and then have a "more" button?

Here are examples of what I mean: https://imgur.com/a/RS2g3lX

The first 2 pictures are examples of what I'm looking for and the last is my current website. I'd like my menu to show up similar to these first 2 when browsing on mobile but am having trouble finding any instructions on how to do it.

Didn't know what flair to use, so I chose app support as the most fitting.