Is it possible to load the page with the menu open?

Design help Custom code
1

Wondering whether it’s possible to load the website with the menu open by default?

I want the menu to be a minor design feature.

Instead of clicking to expand the menu - you click to close… focusing the reader.

Cheers,
Connor

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey Connor,

Definitely possible. I’m not sure if it’s possible with the built in navbar element, but possible with interactions.

Make a custom interaction that has the default state of your menu as show, and then hide it when the button is pressed.

1 Like
3

Good point! Could do that.

Maybe if I have time I’ll give it a go.

Doing this one probono haha

1 Like
4

Hey mate! If you’re curious - I found a solution to do this via javascript!
Note - it only runs in viewports above mobile landscape - (768px width)

Before closing body tag:

<script>
$("document").ready(function() {
    if($( window ).width() > 768){ /*Only runs in viewports above mobile landscape */ 
    setTimeout(function() {
    $(".menu-button").trigger('click');
    },10);
    }});
</script>

Cheers
C

1 Like
5

Good one!

I’ll save that one for another day!