Off Canvas Menu Pop-Up - Elementor Wordpress Tutorial

[@dorkaborka88]

Loved the tutorial! Thank you! Super useful! For some reason the Closing button wouldn't work.... no idea. But the whole explanation and solution is brilliant! Thanks for your work!

[@stefanpfadt4353]

The style, the info, the in-depth step by step showing of how to implement it: just pure awesomness! ♥

[@websquadron]

I hope you like tomorrow's video that does a little more with the Pop Up Off Canvas :)

[@stefanpfadt4353]

@@websquadron Looking forward to it ;)

[@asfandyar_ali]

Amazing, superb, fantastic. Thank you for the quality tutorials champion 🏆.

[@andynightingale107]

Has everything changed recently? I only have the Pro subscription, so pop-ups aren't available (when I go to templates). So, I added an off-canvas widget to the header and was able to trigger that from an icon. Interestingly if I added the icon into my header/menu I couldn't select my off-canvas panel (it just wasn't there), but if I added an icon to my page, I could! So copied that and pasted in to the header and it works.

[@websquadron]

Yup Off Canvas is the better way for SEO. Pop Up Templates are still there. Did you click 'Add New Template' and then select from there?

[@FanisPapoutsidis]

Hello. Thank you for your time recording this incredible video. I'm facing a big problem with the rendering of the popup. It rendes it at the bottom of the page's content. Is there any possible solution?

[@reinhardeschbach7910]

I just tried it out! Just perfect. Thank Imran, very helpful!

[@websquadron]

My pleasure 😊

[@Aziz-Ahmed-UK]

Great. Thanks

[@ZigaEmFrente]

Obrigado meu amigo! Brasil aqui!

[@asfandyar_ali]

Champ! I'm trying hard to figure out the same thing with the elementor pro mega menu. the vertical layout is not there in mega menu options. See if you can guide us. Many thanks 💌

[@HomeroBaroni]

Fantastic! thank you!!!

[@mcbroccolinnen]

Beautiful

[@angelasalazar6824]

I owe you my life thank you so much

[@QasimRj07]

Is there a way to make the burger menu icon change to a close (cross) icon when clicked, so that we can click the cross icon again to close the menu? I don't want to use the popup close button; I just want to change the icon when I click on it, from the burger to the close icon.

[@websquadron]

See my video from yesterday that shows how to animate the icon from Bars to Close :)

[@sergio_grez]

One thing that i'm not able to find is how to set a offset or margin for this Off Canvas. Do i need to do it just by css? there should be an option for setting the margins or offset. Cheers!

[@websquadron]

As in away from the edge? When you click on the off canvas you should be able to place it where you want

[@sergio_grez]

@websquadron hi Imran, unfortunately there's no option of offset or margin when you select the Off Canvas Menu. I had to do it via css.

[@derleuchtturmwaerter]

Hi Imran. I didn't see that you are using the new SEO-friendly off-canvas-widget (currently beta version) in this example. Or did I miss anything? I thought that it's not the best way to use a popup with a normal wordpress-menu-widget, because it doesn't render for SEO?

[@websquadron]

This is for those that still want to use the normal Pop Up Template method because the new 3.22 version won't be out for another month.

[@georgep2301]

Great videos ..... button needs double ckick to open, why is that?

[@mw1076]

Does it work in regular Elementor? Not Pro version, cause I have regular version?

[@websquadron]

Can you see it in Free or the Features, if not then you need Pro.

[@HarryWerczberger]

I put just the icon in a header template and set it to look nice on all devices, link it to the offcanvas menu and it works on all devices.

[@evgeniyprowork]

if u have menu links with anchors in a popup fullscreen, after click on a link with anchor popup doesn't close, do u know how resolve this problem?

[@websquadron]

Did you see Thursday's video? kzbin.info/www/bejne/nmfSemSonJaDd5ofeature=shared

[@evgeniyprowork]

@@websquadron thx, exactly what is needed)

[@ashrafkhan7386]

Good work, brother

[@websquadron]

Appreciated

[@TravelwithSkyAsia3]

off canvas menu is not working after scrolling the page. Brother please resolve the problem

[@websquadron]

Works for me

[@gamecodex9]

Not interested in your videos 🎉

[@websquadron]

Then why are you here?