Streaming live at 10am (PST)

Force 'over left' nav menu to be visible default


#1

I have standard navigation menu that uses the menu icon on all media queries from desktop to mobile. It appears 'over left' when the menu button is clicked. I want to reverse the operation for only for the desktop view and have it visible on load. I can't seem to find the solution.


#2

Hi @KProServices, Unfortunately, this function is not available "out-of-the-box" but one way you could go about this is to design your own Navigation and use interactions.

(1) Make a new navigation that uses interactions to slide the menu into view when clicking. There is an example of this here: https://webflow.com/design/demokit?preview=72388b288a26874be319ca1f7412d4eb Click on the page titled "Custom Slide Navigation"

(2) To make it stay open on load for desktop only, you could try replacing the entire navigation with a duplicate that stays open on desktop and is hidden on other media queries. There is an example of this in our https://webflow.com/design/demokit?preview=72388b288a26874be319ca1f7412d4eb Click on the page titled "Change Element via Breakpoint"

I hope this helps. If not, please let me know – I'm happy to assist further! smile

Cheers,
Will


#3

Too bad this feature isn't available/supported 'out-of-the-box. I really want to use the existing navigation block and didn't want to make a full custom sidebar in place of the navigation.


Force ‘over left’ nav menu to be visible default
#4