HELPFUL TIP: Btw to all the folks at Elementor channel :D If you use Elementors popup functionality to create navigation menus, here is a jQuery script that automatically closes the nav popup, when a nav link is clicked (useful for using anchor links/tag links in popup nav). So it closes the popup and scrolls to the anchored section. Here the code is: jQuery( document ).ready(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }) }); How to add: Create HTML widget and move into the popup. Then save and close.
How can we define that once we click on of the links from the popup menu (which is linked text) the pop will close? (if the link is linking to a new window so there is no problem, but how can it be done if the link is linking to CSS ID in the same window?
I have some reservations as to how semantically correct it is to have a menu like that also for SEO purposes as there is no SiteNavigationElement markup?
Hi Elementor! I have Elementor Pro, but I can't seem to find the template. In the description it says, "You can download this template from the Elementor template library". Going through the Popup items in the library, and this one doesn't show.
Technically the best approach would be porting you navigation from WordPress nav menu, but if you can match this nav-list via your site's sitemap.xml you should be fine
So nice😉👍 just a question; what if the visitors have any popup blocker installed as plugins in their browsers? Will the menu appear anyway or not? Thanks 🙏
i am a beginner for wordpress and elementor (i bought pro-license a few days ago). i appreciated a lot the video with Menu in Wordpress using popup. in the dasboard of your video, top left, there is the image of 3 bars and MENU. But where can i find this logo to click over?
Hi, great popup design ;) How do you link the popup items to a specific part of the page? Will the anchor feature work or not? Will I have to create separate pages to make the popup be able to get linked to them?
I have the same question. If you set the links on a popup menu to take you to a section of the page your currently on, it'll take you there, but the popup will remain open. I found a piece of JavaScript that closes the popup after you click on a menu link, however, popup entrance and exit animations are ruined by this code. So I need to find a different solution. Here's the code in case you'd like to use it anyways. Just add an HTML widget to the popup and add the code there. jQuery(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });
What we should do for SEO and showing to google it's our menu?any tricks?now this menu is includes in pop up in elementor pro but the only problem since i have used it my menu indexed is missing in search result of my search in google
0:25 i have no settings menu on the left side, like in the video. Where can i finde settings for the Pop Up? In my Preview when i go to this step like at 0:25 i have only Elementor Plugins on the left side in my window no settings after i close the library.
Alrighty, anchor function works so good on you but next question: WHy does toggle function not work? the pop up pens BUT it does not close automatically, why not? What can be done? Its annoying if the new page opens in the background but the popup is still there!
Hello, I am using a css hamburger with animation(input into an html widget) icon and upon the first toggle it works. Subsequent toggles do not. I've checked and double-checked the settings. Is there something I'm doing wrong?
Hello casey thx for that great tutorial but how can i solve if i use a menü on onepage with anchor links after click a link menü still is open and the content scroll in the background...
I m not able to creat mobile menu using @elementor pro I tried with many themes but I couldn’t make pls help me suggest any tips and tricks as soon as possible. Thanks a lot in advance!
Hi, i have a question....iam struggling to set up a manychat's growth tool into a popup....i can only get it appear in the preview, but not in the actually page where ive insert the popup
How can I push the popup downwards? It's above the menu at the moment. I tried adding the top margin, but it's not pushing the whole popup down, just some elements.
I was able to keep the menu "close" button from taking the page back to the top at close by going to: Popup Settings -> Advanced -> and then turning off the "Accessible navigation" option. Everything worked just fine after that.
I would like If a header menu with submenus included created with popup element, can work completely fine inside the popup in the menu on tablet & mobile versions? Has anyone tried it yet?
It's in the button's styling options, you can add an icon next to the text within the button, in this option you look for "hamburger icon" .. and that's it.
Can you share an exportation from ALL examples? It will so helpfull to all community. Or in that case share in an folder to everyone thar bought a Elementor Pro.
Hi Gerard, these kinds of things can be difficult to troubleshoot without screenshots and more information. Have you joined the Elementor Community? It's a great place to ask questions like this, and get solid advice from other web creators. And you can share screenshots and links there as well: facebook.com/groups/Elementors.
@@Elementor SOLVED, I didn't notice that the Settings Panel were closed and the only way to open it was the small icon in the bottom-left corner. Was closed by default, that's why I couln't see it.
Hi GA, the Popup feature is only available in Elementor Pro. If you are a Pro user, and still can not find it, check our our Help Center here: elementor.com/help, or post your question in the Elementor Community, where you can share screenshots and more information about this issue and get great advice from other web creators: forum.elementor.com.
@@HeavyRiven I am talking about WordPress default menu items. Eg. I have a menu name Mymenu and has menu items like - About , Contact. How would I will open popup with that menu link. Is there any class or id which can link to elementer popup because I can't use daynamic content there.
@@PrincePrakashprinceprakash Hi, you can add a template shortcode to the menu. Download a shortcode plugin that allow you to add shortcodeS to menu. Then create a template with a button, for example: Contact. add a dynamic popup link to the button. Then copy the template shortcode and insert it to the menu. Hope it help you :)
@@auspring your reply is confusing me. Can you help? "Download a shortcode plugin" - do you have an example? Add a dynamic popup link to the button? That doesn't make any sense either. sorry :(
@@mrianforest the last thing i want is to confuse you :) I found you a better solution. watch this video, it will explain a second more easy solution th-cam.com/video/UJ490Oh6XMk/w-d-xo.html
No funciona cuando estas en función real en el celular, cuando lo estas creando funciona muy bien, pero cuando lo llevas a lo real NO FUNCIONA. It does not work when you are in real function in the cell phone, when you are creating it works very well, but when you take it to the real thing it DOES NOT WORK.
@@motionpointe27 Mine is fixed by disabling js Minification . If you have any caching plugin install. Disable it and reactivate it again. This is might help :-)
@@thangjamkishorchand Thanks for the tip and I'm glad to hear that you resolved your issue. Unfortunately this won't be a working solution for me as I do not have any kind of caching plugin installed.
SOLVED (for me): I had a plugin "PopBox for Elementor". After removing this plugin and creating new popup template and button from scratch works fine. Button Content settings => Link - dynamic, Popup, Action: Toggle. P.S. I have a Elementor PRO.
@@wiktorfraczek7047 I didn't have any other popup plugin installed. I was just able to resolve the problem by updating to the very latest version of Elementor and Elementor Pro and then recreating the popup from scratch. Apparently they released some fix for this bug.
Why does mine say different to yours? I just liked the video as well. Are Elementor the type of company that puts up videos to old UI? You need to sort that out quicksmart. Changes made to E = new video made. Come on guys that is like Gumpism!
Very nice, but you click on buttons at least twice as fast as beginners need. Please slow down your keyboard movements by 50 percent. I want to have enough to actually be able to look at the full menus, with all the options, and understand what you are doing, and what the other options are.
HELPFUL TIP:
Btw to all the folks at Elementor channel :D
If you use Elementors popup functionality to create navigation menus, here is a jQuery script that automatically closes the nav popup, when a nav link is clicked (useful for using anchor links/tag links in popup nav). So it closes the popup and scrolls to the anchored section.
Here the code is:
jQuery( document ).ready(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }) });
How to add:
Create HTML widget and move into the popup. Then save and close.
god bless you
GENIUS ¡¡¡ :)
@@FreddyRamirez77 My man! Thank you so much for this. 🙏
Just what a needed it! Thank you
👍 Elementor is getting better every day! I'm loving it! Thanks!
I dont see the popup setting and I have Elementor Pro..
How can we define that once we click on of the links from the popup menu (which is linked text) the pop will close?
(if the link is linking to a new window so there is no problem, but how can it be done if the link is linking to CSS ID in the same window?
Thank you so much! By the way, how do you separate animation delay on each single social icon?
I never thought building such cool websites would be so easy.
I have some reservations as to how semantically correct it is to have a menu like that also for SEO purposes as there is no SiteNavigationElement markup?
it comes from the backend original menu
Hi Elementor! I have Elementor Pro, but I can't seem to find the template. In the description it says, "You can download this template from the Elementor template library". Going through the Popup items in the library, and this one doesn't show.
My toogle menu button doesn't work on ipad with Safari or Chrome browser. On the PC is ok. How can i fix it?
The Best Builder For WP
Looks nice. But what about SEO? Can you recommend building a navigation with this approach?
Technically the best approach would be porting you navigation from WordPress nav menu, but if you can match this nav-list via your site's sitemap.xml you should be fine
If I am using a pop-up menu already. How can I have another pop-up open (while the primary one is open) when one of the menu items is clicked?
The Elementor designer at this video can work at Apple. The menu has a wonderfull and clean design. :)
I can't find the Entrance Animation button in my Elementor Pro? There is also no option in the scrolling effect panel.
same
So nice😉👍 just a question; what if the visitors have any popup blocker installed as plugins in their browsers? Will the menu appear anyway or not? Thanks 🙏
You guys are just amazing. Keep up the good work. Just impressed
Hi Elementor, Just bought Pro. Any tut that includes sub and sub sub menu toggles? Or does this only work for a one level menu?
i am a beginner for wordpress and elementor (i bought pro-license a few days ago). i appreciated a lot the video with Menu in Wordpress using popup. in the dasboard of your video, top left, there is the image of 3 bars and MENU. But where can i find this logo to click over?
I cannot see the popup settings after creating a popup template in the version 2.9.3.
Even in pro it's not displayed by default. Click on the gear in the bottom left to show it.
Is this done with Elementor Pro or just the normal free Elementor?
Does this have any negative effect on SEO and/or header schema?
Good question. Looking at the source code should help. Need to have proper HTML markup.
Hi, great popup design ;)
How do you link the popup items to a specific part of the page? Will the anchor feature work or not? Will I have to create separate pages to make the popup be able to get linked to them?
I have the same question. If you set the links on a popup menu to take you to a section of the page your currently on, it'll take you there, but the popup will remain open. I found a piece of JavaScript that closes the popup after you click on a menu link, however, popup entrance and exit animations are ruined by this code. So I need to find a different solution. Here's the code in case you'd like to use it anyways. Just add an HTML widget to the popup and add the code there.
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
What we should do for SEO and showing to google it's our menu?any tricks?now this menu is includes in pop up in elementor pro but the only problem since i have used it my menu indexed is missing in search result of my search in google
0:25 i have no settings menu on the left side, like in the video.
Where can i finde settings for the Pop Up?
In my Preview when i go to this step like at 0:25 i have only Elementor Plugins on the left side in my window no settings after i close the library.
docs.elementor.com/article/472-popups
Great vid, but ye, frustrating, I was the same no settings menu, she forgot to say click on the little setting icon bottom left!
Me TOO!!! My toogle menu button doesn't work on ipad with Safari or Chrome browser. On the PC/mobile is ok. How can i fix it?
i don,t find popup setting page as i seen on your tutorial will you suggest how you did this
Alrighty, anchor function works so good on you but next question: WHy does toggle function not work? the pop up pens BUT it does not close automatically, why not? What can be done? Its annoying if the new page opens in the background but the popup is still there!
How can i set to close the pop up after i clicked on a link? for example on a one pager.
Hi Uru Achim - any knowledge about that after 5 month ? Have the same question.
Any knowledge about that after 5 years? Have the same question.
Hello, I am using a css hamburger with animation(input into an html widget) icon and upon the first toggle it works. Subsequent toggles do not. I've checked and double-checked the settings. Is there something I'm doing wrong?
Hello casey thx for that great tutorial but how can i solve if i use a menü on onepage with anchor links after click a link menü still is open and the content scroll in the background...
I m not able to creat mobile menu using @elementor pro I tried with many themes but I couldn’t make pls help me suggest any tips and tricks as soon as possible. Thanks a lot in advance!
Hi, i have a question....iam struggling to set up a manychat's growth tool into a popup....i can only get it appear in the preview, but not in the actually page where ive insert the popup
when i scroll down with my phone when the pop up is open, it's looking buggy, becouse the header shows up for a second....how i can avoid that?
how do you re-open the pop up again at 5:23, your video is just too fast and some parts are unclear. how did you create the header?
Is there a way to get dropdown menus to work inside of popups?
Hey, have you found a solution?
I like it every time she says, “Pope up.”
How do you get the tab index right in this kind of menu?
How can I push the popup downwards? It's above the menu at the moment. I tried adding the top margin, but it's not pushing the whole popup down, just some elements.
Hello, I like this but is there a way to have the popup close when user clicks on a menu item that's and ID anchor link on a one pager site? Thanks!
I was able to keep the menu "close" button from taking the page back to the top at close by going to: Popup Settings -> Advanced -> and then turning off the "Accessible navigation" option. Everything worked just fine after that.
Kacie, you are the best!
plh wich pluging used for main menu?
I am loving elementor day by day!! So crazy builder!!!!
where is "pop up settings"?!
try the gear icon on the left bottom ✌
And the features keep rolling in. So pleased I made the jump from VC to Elementor. Thank you Elementor team
how did you do the entrance animation for the share buttons? please explain
I would like If a header menu with submenus included created with popup element, can work completely fine inside the popup in the menu on tablet & mobile versions? Has anyone tried it yet?
How can I make a popup on hover instead of on click function?
If I use a menu with anchor links, the popup doesn't close
what plugin are you using to get that humburger menu icon? is that essential addons for elementor or what
It's in the button's styling options, you can add an icon next to the text within the button, in this option you look for "hamburger icon" .. and that's it.
Short and to the point.
Please make longer videos with less speed, most of your videos are frustrating to follow at normal player speed.
but it on a slow speed in the settings
with the sound down
@bossIT that's right, but with sound down as they'll just sound drunk 😂
Can you share an exportation from ALL examples? It will so helpfull to all community. Or in that case share in an folder to everyone thar bought a Elementor Pro.
Really great ! i was struggling to find a simple way to do this and here it is ! Many thanks !
Why I can't see the popup settings in Elementor Pro?
Hi Gerard, these kinds of things can be difficult to troubleshoot without screenshots and more information. Have you joined the Elementor Community? It's a great place to ask questions like this, and get solid advice from other web creators. And you can share screenshots and links there as well: facebook.com/groups/Elementors.
@@Elementor SOLVED, I didn't notice that the Settings Panel were closed and the only way to open it was the small icon in the bottom-left corner. Was closed by default, that's why I couln't see it.
I don't have the Popup setting. Why??
I was wondering when you guys record these vids which theme do you use?
This has nothing to do with the theme used thou.
What is the Font family used here?
This is so fast! My brain's exploding! But I love the tutorial nonetheless
Mine was exploding too. She was too fast...
@@woogonchung just bring down the velocity of the video 😜😁
Pop up spamming = big bug create cooldown for button pliz ☺️
I love this, but how is there no share button for Instagram???
there is now
disable scrolling but keep scrolling in mobile, anyone got a fix ? thanks
Just Awesome.. Wonderful.. I Love This..
Hello, popup close button is not working
Too fast to follow but this is so cool! Love it.
I think this is out of date I was creating this menu and when I want to trigger the popup I couldn't find the fricking thing
Hi GA, the Popup feature is only available in Elementor Pro. If you are a Pro user, and still can not find it, check our our Help Center here: elementor.com/help, or post your question in the Elementor Community, where you can share screenshots and more information about this issue and get great advice from other web creators: forum.elementor.com.
How to customize popup close button???
How to open a popup from WordPress NAV menu item?
Re watch Video at 4:50
@@HeavyRiven I am talking about WordPress default menu items. Eg. I have a menu name Mymenu and has menu items like - About , Contact. How would I will open popup with that menu link. Is there any class or id which can link to elementer popup because I can't use daynamic content there.
@@PrincePrakashprinceprakash Hi, you can add a template shortcode to the menu. Download a shortcode plugin that allow you to add shortcodeS to menu. Then create a template with a button, for example: Contact. add a dynamic popup link to the button. Then copy the template shortcode and insert it to the menu. Hope it help you :)
@@auspring your reply is confusing me. Can you help? "Download a shortcode plugin" - do you have an example? Add a dynamic popup link to the button? That doesn't make any sense either. sorry :(
@@mrianforest the last thing i want is to confuse you :) I found you a better solution. watch this video, it will explain a second more easy solution th-cam.com/video/UJ490Oh6XMk/w-d-xo.html
I can't see the popup settings!
Wow, wow ! Very interesting but take it easy !
No funciona cuando estas en función real en el celular, cuando lo estas creando funciona muy bien, pero cuando lo llevas a lo real NO FUNCIONA.
It does not work when you are in real function in the cell phone, when you are creating it works very well, but when you take it to the real thing it DOES NOT WORK.
Very nice example!
Verdi nice example!
:P
Is this elementer pro?
its really great
thank you
Popup is not working with elementir
5:38 legendary!
Which is this clean theme😍.??
falling in love with elementor...
Video Speed is so frustrating.. even at 0.25 percent... please adjust voice to video speed
Too fast to follow but this is so cool!might change my playback speed. Anyways, i love it.
why am i getting a border on my images? dont want it
Look awesome but my pop up triggers only one time . How do i fix this issue ?
I have this same issue. I contacted Elementor support about it but they have been no help to me.
@@motionpointe27 Mine is fixed by disabling js Minification . If you have any caching plugin install. Disable it and reactivate it again. This is might help :-)
@@thangjamkishorchand Thanks for the tip and I'm glad to hear that you resolved your issue. Unfortunately this won't be a working solution for me as I do not have any kind of caching plugin installed.
SOLVED (for me): I had a plugin "PopBox for Elementor". After removing this plugin and creating new popup template and button from scratch works fine. Button Content settings => Link - dynamic, Popup, Action: Toggle.
P.S. I have a Elementor PRO.
@@wiktorfraczek7047 I didn't have any other popup plugin installed. I was just able to resolve the problem by updating to the very latest version of Elementor and Elementor Pro and then recreating the popup from scratch. Apparently they released some fix for this bug.
how do make pop up responsive for mobile
Why does mine say different to yours? I just liked the video as well. Are Elementor the type of company that puts up videos to old UI? You need to sort that out quicksmart. Changes made to E = new video made. Come on guys that is like Gumpism!
So this is where I can create the full screen for the navigation links
Which Font it is?
¡Genial, muchas gracias por compartir! ❤❤❤
Absolutely stunning
Amazing stuff !!!
How can i add and exits an exit animation when i click in the close button
same question
can i use nave menu
Looks cool!
Woooow!! Awesome!
where is the widget?
Thats really amaaaziiing
I’m very impressed.
thank you lady..
Wooow trippy !
Very nice, but you click on buttons at least twice as fast as beginners need. Please slow down your keyboard movements by 50 percent. I want to have enough to actually be able to look at the full menus, with all the options, and understand what you are doing, and what the other options are.
Great feature :)