Streaming live at 10am (PST)

Webflow Workshop #128: Creating fullscreen menus in Webflow

Join us live on Tuesday, September 11th @ 10am (pacific)
[ Save your spot ]

A custom, full-screen menu is more effective than Webflow’s default navbar. In this stream, learn how to set up elements and interactions to create your own full-screen menu.

4 Likes

Hey @PixelGeek , I’ve used your method to create a full-screen menu in this client project - https://preview.webflow.com/preview/react-experiences-proof?utm_source=react-experiences-proof&preview=04cd42e0cea4b7061abf87687c1bdeb0

When one of the menu links are clicked the menu disappears (hides) revealing the current page for a second then loads the selected page. Is there a way to avoid this reveal?

I see the nav bar component does not do this - click on menu link and jumps straight to the destination.

Thanks,
Paul

Ok so been fiddling with the nav component to get the same effect (without thinking it would scupper the share link above!)

Still interest in any thoughts o the issue though.

P

Hello @PLF

Everything works fine for me > https://www.useloom.com/share/d567154cc87243d6a6465416ec661efc

No reveal. The links go directly to the page.

Piter :webflow_heart:

Thanks Piter, yeah I’ve been experimenting with the component to get the same effect. Unfortunately, this has updated the shared link and the original issue is no longer there. I guess kinda answered my own question but I did enjoy building the nav from scratch but shame I couldn’t get it to work 100%. It’s a client site so don’t have the luxury to recreate just yet but thanks for getting back :+1:

1 Like