Is there a way to make the off canvas menu take up full screen? - Forum | JoomShaper
Staff replied Helix Framework

Is there a way to make the off canvas menu take up full screen?

Asked by PP 4 years ago Last activity 4 years ago

Is there a way to make the off canvas menu take up the full screen like most modern websites do nowadays?

Nearly all the squarespace templates have the hamburger menu popup and have the menu items centred in the screen.

See example here:
https://www.squarespace.com/templates/clarkson-demo

Currently, it seems like the off canvas menu slides in from the left or right and only takes up a column width.

5 replies

PP Asked this

Yes :)

that's it. is there a way to style the off canvas menu to look similar?

PP Asked this

Is it somehow done with the Header option in Helix options?

Left Modal, Centre Modal and Full Modal are nearly there.

But is there a way to have the normal top menu for desktops and then for ipads and phones the hamburger icon appears and it is centre modal?

PP Asked this

So i guess i am asking for a Predefined Header that is the classic layout or minimal layout when on desktops, but when on smaller devices like ipads and phones it changes to a centre modal type header.

At the moment if i select Full Modal or Centre Modal as the predefined header, it forces this option even for desktops (large screens). I want this modal functionality for the menu but only on smaller devices.

is there a way to do this?

Mehtaz Afsana Borsha Staff

Hi,

Sorry for the delay. Sorry there is no default way to do this only mobile. You can use our predefined headers

https://prnt.sc/1y9c1wb

Log in to reply.