Hello. I’m trying to build navigation similar to this https://www.aem.org It has a stacked option on desktop but appears as a single hamburger list in mobile. I could not find any webflow examples or suggestions for the best approach.
Here is my site Read-Only: https://preview.webflow.com/preview/double-top-thing?utm_medium=preview_link&utm_source=designer&utm_content=double-top-thing&preview=61887800d0dbbeee156d6ea61fa8b1cf&mode=preview
Hello @Rogerr,
you can select at what break point you want the hamburger or the desktop menu navbar to show up. Select your navbar on the tablet viewport and go to settings scroll down and find the “Menu icon for:” option
Let me know if you have any questions.
Thank you for the response. Are you suggesting I drop in two navigation elements and then hide the hamburger menu on the top one in mobile so I only see one hamburger? I made a demo. I duplicated the upper menu items in the lower menu and then hide them (I did this so that they would be available in the bamburger menu) Once I go to tablet I can’t figure out how to make the hidden menu items visible in the hamburger menu? Maybe my approach is wrong?
https://preview.webflow.com/preview/double-top-thing-f77f3d8e9120945f697495?utm_medium=preview_link&utm_source=designer&utm_content=double-top-thing-f77f3d8e9120945f697495&preview=cf1a00aa2a13018a6cc94979b50efa58&mode=preview
Hello @Rogerr,
Sorry I misunderstood your question initially, I think I know what you need now. You need three navbars, two for the desktop view and one more for tablet and mobile. I did a video to show you how to go about it Loom | Free Screen & Video Recording Software | Loom let me know if you have any questions. Remember to use @ before my name so I get notified if you answer me. I hope this helps.
That looks like a fantastic solution! Do you think there are any negative SEO/Google related issues to having a duplicate mobile navigation?
Hello @Rogerr,
To be honest with you I am not entirely sure about negative effects for duplicate navigation regarding SEO. My guess would be no, because you are assigning a class to to each navbar, not copying them. In other words, each navbar has a specific role and many websites do that. Let me know how it goes. Also, if this solves your issue please mark it as solved so other people with a similar issue can reference this conversation. Thanks.
Thank you for the great help. Finally had enough time to figure it out. The video clip was VERY helpful. I did have some issue figuring out how to keep the hamburger menu align to the right but figure something out but might not be best practices. Here’s a preview link https://preview.webflow.com/preview/nrc-9689ce?utm_medium=preview_link&utm_source=designer&utm_content=nrc-9689ce&preview=dcbee37352aaeb76f15c9869606b1e0b&mode=preview