Forum Academy Marketplace Showcase Pricing Features

How to add slideable menu

hi bubblers.
i have a floating group (menu) and i want to show slideable menu when the page width decrease from 800px. now i want to show burger icon when i click on it then it show me menu and when again click it. it toggles the menu how is this possible
Capture

Hey @shayijaz :wave:

Thanks for the post and clever idea! If I’m understanding correctly, you want to conditionally show either your floating menu or the slidebar menu depending on the width of the page. Right?

I might recommend trying to have two icons that are grouped together. One icon for the slidebar menu, one icon of the same color / size / icon that launches your menu. And, I would conditionally change which icon is on the page based on the page width. To the user, the change shouldn’t be noticeable but will effect which workflow actually runs based on the page it’s loaded on.

Give it a try and don’t hesitate to reach out with any additional questions to [email protected]