Hi, im looking for help on ways to make my menu become off-canvas when on mobile. currently, on desktop, it works fine but on mobile and tablets, it looks bad. see pictures
is there a method to change it so that is stays off canvas until i call it using a button. I’m new to WordPress but if pointed in the right direction ill learn it quickly. i found one plug-in that might work but i want to see if i can do it with code or other methods.
this link is basically what i have in mind. [https://www.w3schools.com/howto/howto\_js\_sidenav.asp])
i know it is html, css, js. which im familiar with. But im new to WordPress and im developing this site on Wplocal. im using the foodie blocks theme that supports sidebars but im still learning and have difficulties on fully understanding some concepts.
any help is appreciated. thank you
​
[mobile view]) [desktop view]) [ad_2]
Have you searched for a plugin solution? I believe pop up maker pro will do this. That’s the quickest path to glory.
Bob’s your uncle:
I’d recommend you code it so you can make it how you want it and render your menu in it. I built an off-canvas countdown timer that hid on mobile long ago.