Create Better Mobile Menus With Elementor Popups

  Рет қаралды 150,748

Jeffrey @ Lytbox

Jeffrey @ Lytbox

Күн бұрын

Пікірлер: 315
@LytboxStudio
@LytboxStudio 2 ай бұрын
🚨🚨🚨 A very imporant update! There's a new and better method to building mobile menus. I made a new tutorial on it here (follow the new method, it's easier and better for SEO!) 👉kzbin.info/www/bejne/pILQeHtrZsSGaK8si=lrfI1s6455SjRFng
@LytboxStudio
@LytboxStudio 2 жыл бұрын
👉👉 Important disclaimer - This method for adding menus is intended for mobile use only. Please do not use for desktop menus as it can have a negative effect on SEO as the popup is not visible in the code for Google to find until the popup is triggered. As long as you have a regular desktop menu though, no SEO harm will be done using this method for mobile menus. I have more videos focused on SEO with Elementor in the works!
@rg-web-design
@rg-web-design 2 жыл бұрын
I haven't seen the video yet (I always look at a few comments first). I thought that the latest Google algorithm focussed on mobile more so than desktop? I could be completely wrong but my belief is that by not having a burger menu and instead having a button / clickable graphic would have a very negative effect on your SEO. Please do correct me if I am wrong. Great work that you do, thank you.
@Ititchiwhatititchi
@Ititchiwhatititchi 2 жыл бұрын
What about having a popup menu for mobile and tablet, would that have an effect on SEO?
@rg-web-design
@rg-web-design 2 жыл бұрын
@@Ititchiwhatititchi Yes, it does as it is triggered by a button which is not recongnised as a menu. The default menu hamburger symbol is recongnised as a menu.
@rg-web-design
@rg-web-design 2 жыл бұрын
@@Ititchiwhatititchi Yes. I would like to have a pop-up menu but, having looked into SEO impact, I am not.
@HazStrikesU
@HazStrikesU 2 жыл бұрын
How do you even find out these little details?
@cs-study-ua
@cs-study-ua Жыл бұрын
Thanks, man! ... I 've looked for this tutorial for a lot of time. While I use Elementor for almost three years. Now I know what's the popup for mobile. You've been really helpful.
@LindsayJo-Crenshaw
@LindsayJo-Crenshaw 8 ай бұрын
This is really clean work, dude. Thank you so much for this! Helped me come up with a better solution for a client that wanted a unique navigation bar that just didn't translate well on mobile. You have a new subscriber! :D
@LytboxStudio
@LytboxStudio 7 ай бұрын
That's awesome! Thanks for the sub and welcome to the Lytbox community!
@karldavidson27
@karldavidson27 2 жыл бұрын
It would be extremely helpful to show how you created your template. For example, the horizontal lines under the nav links. They look great.
@86Vinks
@86Vinks 2 жыл бұрын
he used the elementor "icon list" widget as far as i can tell. The lines are the dividers you find in the widget settings.
@patricksheridan2829
@patricksheridan2829 Жыл бұрын
Guy literally made a video for people to learn and skipped a giant step. I’d love to say “thanks for your help,” but now onto the next video that realizes not everybody navigates elementor easily - which is why we’re watching this video.
@carloslaboy4279
@carloslaboy4279 Жыл бұрын
@@patricksheridan2829 I agree that it was very necessary to show how he created the template. He did hover over the section and it did turn out to be an icon list, but I would've liked to see how he set up his own template.
@m_acci
@m_acci Жыл бұрын
Es muy sencillo de crear ese menú muchachos, cosas básicas de Elementor 😂
@mksundstrom
@mksundstrom Жыл бұрын
Using Iron list for the menu items has the drawback of not being linked to your WordPress menu settings. I can’t ask a client to use element or template editor every time they wanna add a menu item.
@Dhrubo_Jyoti
@Dhrubo_Jyoti 8 ай бұрын
Thanks for the clear and detail explanation. Solved a big issue with Elementor.
@LytboxStudio
@LytboxStudio 8 ай бұрын
Thanks! 🙏
@Sobabo90
@Sobabo90 Жыл бұрын
This tutorial is exactly what i needed !!! I'm so thankfull !
@LytboxStudio
@LytboxStudio Жыл бұрын
Awesome!
@ayenipeter4886
@ayenipeter4886 8 ай бұрын
Great video, this helped me to build a fullscreen menu. Thanks Jeff
@LytboxStudio
@LytboxStudio 7 ай бұрын
Awesome thanks!
@SuperSpettit
@SuperSpettit 3 ай бұрын
thanks for the awesome video, it saved my day. It was super easy to follow even if Elementor Pro has been upgraded since the release of the video. Nice job man 👍
@nkafridi07
@nkafridi07 2 жыл бұрын
OMG this is awsome I was facing defiulties when I make mobile menu but now its so easy for me thank you for such amazing tip. :)
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Many Thanks 🙏💜
@macropsialberto
@macropsialberto 11 ай бұрын
Hi Jeffrey, thank you very much for your tutorial, you look it very easy and functional. Greetings from Bogotá, Colombia!
@rachelleki333
@rachelleki333 Жыл бұрын
Thank you! I've been trying to get my mobile menu to overlay without forcing me to show it full width, this is great!
@P4TTT
@P4TTT 2 жыл бұрын
Would haven't ever thought about using popups as mobile menus, it looks great. Thanks!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Glad it helped. Cheers!
@tech-ninja8
@tech-ninja8 Жыл бұрын
I'm using it but facing issues when ever any linked clicked on website the popup menu arrives and that's making it wired what should I do to make it only click with icon on header ??
@maicocastro2244
@maicocastro2244 7 ай бұрын
Thank you so much, brother. You solved a problem I was having here with your tip. Thank you very much.
@LytboxStudio
@LytboxStudio 7 ай бұрын
That's great! Thanks
@김상진-g4f
@김상진-g4f Жыл бұрын
Note: For people who are experiencing problems with the close button in a pop-up menu opened on mobile not working, set the entrance animation only in the desktop version and delete all entrance animations in other platform settings to make it work. (Because the animation set in the desktop is used by default in all responsive versions, even if the animation is deleted from mobile, tablet, etc., the animation set in the desktop version is displayed.)
@vincent_veenenberg
@vincent_veenenberg Жыл бұрын
Awesome video!!! Thanks for all of this, really helped me out. Watched it once when searching and second when editing. Thanks man!
@LytboxStudio
@LytboxStudio Жыл бұрын
So good to hear!
@ovoitena
@ovoitena 2 жыл бұрын
Thank you so much! I was trying to do that for a couple of days now and thanks to you now i finally got it, thank youuuu ;)
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks! I’m so glad it helped 🙏
@xxnetto
@xxnetto 2 жыл бұрын
thanks man, i'm brazilian and your explanation is very clear and objective.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Glad to hear that! Thanks!
@christinelopreto4865
@christinelopreto4865 2 жыл бұрын
Nossa, eu adorei tbm!!! Amo a didática dele!
@jurekorosec14
@jurekorosec14 Жыл бұрын
Hello! How can I add sub sub category? I have main categorie Sport, then Leggins and then Blue leggins. Thank you for your help!
@teunbraber
@teunbraber Жыл бұрын
I used this video every single project I do, great stuff!
@LytboxStudio
@LytboxStudio Жыл бұрын
That’s awesome! Really cool to hear 😎
@vhenning82
@vhenning82 2 жыл бұрын
thank you Jeffrey for the mega post. i have implemented it into a new productive site. This is a one page site with anchor links. It took a while until I found a solution that when you click on the links the popup closes again. maybe you can expand your content in this regard, for your fans ;-)
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Good idea! Thanks! 🙏
@eacc95
@eacc95 2 жыл бұрын
I just encountered that... It doesn't close; I even try placing the "nav menu" option, and neither does it.
@eszter1508
@eszter1508 2 жыл бұрын
Hello, could you please share with me/us the solution, I am struggling with this problem. I would really appreciate it. Thanks
@LytboxStudio
@LytboxStudio 2 жыл бұрын
@@eszter1508 do you mean you are using anchor links in your nav menu and it closes when clicking on it?If you can give me more details and possibly a link to your site I can check it out real quick.
@eszter1508
@eszter1508 2 жыл бұрын
@@LytboxStudio Hey Jeffrey, I have a one-page site with anchor links in the nav menu, and I had the same problem with the mobile menu (by clicking the links in the pop up menu, the pop-up stayed there and didn't close at all) but recently I have found the solution (by putting a script into the pop-up itself with an HTML widget) Thx for the awesome content!
@brunosoares9021
@brunosoares9021 2 жыл бұрын
Great video, thank you !!!! One question: how do i configure to close the pop up after clicking in one of the menu buttons?!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Hey Bruno! That's a great question. I'm currently creating another mobile menu tut around the design of menus. I'll have a look and see if I can find a solution. Cheers!
@malcolmgoodwin690
@malcolmgoodwin690 2 жыл бұрын
Great question. I've created a menu from a pop up for a one pager..... I've linked the menu titles to anchors throughout the page. Its very annoying that once I click on the menu title, I then need to close the menu to view where it landed on the page. Any help would be appreciated Jeff! Love the content!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
@@malcolmgoodwin690 big thanks! I’ll need to play with this one and find a solution. I’ll get one asap.
@gautamneeraj
@gautamneeraj Жыл бұрын
This is the best video to understand and build a sidebar menu! Thank you. How did you make the content move when the menu pops up? 14:48
@deivideg13br
@deivideg13br 2 жыл бұрын
great job! you now have a follower from Brazil.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Alright! Much ❤️ for Brazil! 🇧🇷
@fedestock77
@fedestock77 Жыл бұрын
Nice tutorial. I have plenty of Elementor knowledge, yet, I learned some new things here. Thanks a lot!
@organicafricantechfarmer
@organicafricantechfarmer Жыл бұрын
I truly enjoyed your delivery. Easy to understand content. Thanks alot
@SraTrollencia
@SraTrollencia 8 ай бұрын
Thank you for your video, it was soooo useful for me 😊
@LytboxStudio
@LytboxStudio 8 ай бұрын
Thanks! 🙏
@mohammadabdi3074
@mohammadabdi3074 Жыл бұрын
It was just soooooooo helpful! Thank you Jeffrey!
@joorchampi3346
@joorchampi3346 Жыл бұрын
Gooood thank you so much!!!!. Greetings from Barcelona!
@tomekpniak6628
@tomekpniak6628 2 жыл бұрын
Thank You for Your SUPER contents!!!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Many thanks! 🙏
@ChrisOkw
@ChrisOkw 2 жыл бұрын
dude! thank you so much! great video keep up the good work. subbed!!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks for the sub! Much appreciated!
@TheWarriorSolution
@TheWarriorSolution 2 жыл бұрын
This is a much better solution to the basic mobile menu. Thanks so much for sharing!!!
@jaimevtv
@jaimevtv 2 жыл бұрын
Thank you brother for this content, I tried it on my work it looks fantastic and great for user experience.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
I’m so glad to hear! Big thanks! 🙏
@alfredoduran6516
@alfredoduran6516 2 жыл бұрын
Excellent friend, you have given me a new inspiration! 💪
@caroltafuri
@caroltafuri Жыл бұрын
Jeffrey, you are the best. Best regards from Brazil
@Castorelo
@Castorelo 2 жыл бұрын
Well, I've been using it for a while, though using JetPopup by Crocoblock. Only for mobile. It gives a lot of flexbility. Uunfrotunately, there is one serious drawback - SEO. Because of that, in Google the elements of your menu won't be displayed
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Good point which is why this is ONLY good for mobile. As long as the desktop menu is not in the popup, then SEO is still good as the desktop menu (nav tag) is still in the markup.
@california_ray
@california_ray 2 жыл бұрын
Thanks, man. Nice to search and find exactly what direction I needed in the first go!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
So glad to hear this! I love it when that happens
@GansShir
@GansShir 2 жыл бұрын
This is very nice. but has a big issue here, the links in the menu you have created are not dynamic. Meaning, when you update the menu under Appearance > Menus, it won't update this menu, since it is created with "icon list", which has no dynamic source. This especially wrong when you let your customer manage his own site.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Hey Shir, it all depends on the situation, every site is different. Some I would use a menu widget so it's dynamic and some I would use something more custom that a menu widget can't do. Good point though on setting up for the client and I agree, I would use a menu widget if it's being turned over to the client to manage themselves. Though I hope most of us manage the sites we build for our clients with Maintenance Plans and make that extra MRR 😉
@rheamozo489
@rheamozo489 2 жыл бұрын
Love this design! Thank you so much for this helpful tip - have implemented into our design. I do unfortunately have a problem it's strangely only showing up on my home page but not on the rest of my pages! Any tips on how to troubleshoot this? Thank you
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Aw thanks! And yes, sounds like an issue with Display Conditions. Check to make sure no other headers templates have conditions and that your header with this pop up has the condition for ‘Entire Site’
@seyedk8908
@seyedk8908 Жыл бұрын
Thank you. It was a huge help to my web designing.
@Who.Said.Photography
@Who.Said.Photography 2 жыл бұрын
Supper Cool Jeffrey! 👍👍 took me a couple of tries, as sometimes I like to fiddle as I work. 😂 but I feel it's way better than the hamburger in Elementor. Keep the tut comming.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
I also like to fiddle, that's how we learn! Glad it helped!
@JaveriaYousuf
@JaveriaYousuf Жыл бұрын
Took me some time to figure out the menu section template itself,, however putting everything in the place was very easy due to this video. Thank you again!!!
@remixarash4288
@remixarash4288 Жыл бұрын
Any tutorial you can recommend for menu template?
@exegonzalez8562
@exegonzalez8562 11 ай бұрын
Thank you so much! really! I made a website with this nav menu, and looks awesome.
@HazStrikesU
@HazStrikesU 2 жыл бұрын
Hey man thank you so much for this I was wondering how I could create a better user experience. It looks a lot more smoother and better and much more professional. Thank you for this. I was stuck on creating a hamburger drop down for hours because I also had a colour changing header and so the padding got messed up because it would not show the hamburger drop down menu because the header sections would go behind the page section and wouldn't show up and after 2 hours of trying to find a fix I come across this life saver of a video! Learned a valuable lesson here as well, education is key and learning from people who have already done it instead of trying to find another way by reinventing the wheel!! MAJOR KEY! Very good video! Keep up the good content!!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
I'm so glad to hear you found a good solution. A mobile menu plays a big part of the UI and user experience.
@arturo5050
@arturo5050 2 жыл бұрын
Hello, I think we can add a trigger on only show in mobile, that way we can just only have one header. Also can we add some pictures of the product in the mobile menue like mega menu?
@polyarnik
@polyarnik 2 жыл бұрын
Thank you for the tutorial! When I hit "back" on my phone, it opens a previous page WITH the popup still open. Any way to prevent it from happening? TIA
@viktorvarbanov1079
@viktorvarbanov1079 7 ай бұрын
Fantastic and thorough tutorial, thank you for that! What I seem to miss is - how do I have the menu close when I click on a jump link? I have some of my menu links jump to different sections on the same page. When I click on those, the menu does not disappear, but I close it manually, then I see that the jump to the section has been made.
@LytboxStudio
@LytboxStudio 7 ай бұрын
I have an updated video showing how to close jump links - kzbin.info/www/bejne/gJiqf3yPiLeSoNU
@sl8415
@sl8415 2 жыл бұрын
Thanks for the new approach.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
I appreciate that thanks 🙏
@jennyvien8106
@jennyvien8106 2 жыл бұрын
Great video, great explanation, thank you!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thank you Jenny I appreciate that
@kerimtim
@kerimtim Жыл бұрын
Wow. What a Great Tutorial man. Thank you so much. Never thought that one can do so much with Elementor
@jaydeeptrivedi6760
@jaydeeptrivedi6760 Жыл бұрын
@LytboxStudio Can you explain how to implement slidein menu for hiearchical menus?
@iamofarrell
@iamofarrell Жыл бұрын
Dope video! Thanks a lot for the info.
@nidarahman2305
@nidarahman2305 2 жыл бұрын
thanks very useful tutorial , i wanted to knwo how i can give a different anumation and settings on mobile menu than desktop ,, from your video i get that i can make a different menu for mobile
@SrenKellJensen
@SrenKellJensen 7 ай бұрын
Great video! Thanks! Regarding popup menus on desktop and SEO... couldn't you just "arrange/hide" a WP menu under the "image menu popup" with Z index and the you'll get the best of two worlds..?
@LytboxStudio
@LytboxStudio 7 ай бұрын
Google caught on to using these kind of tricks, best to play it safe 😉
@sarimryan
@sarimryan 2 жыл бұрын
Great video. Exactly what i wanted.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks! 🙏
@Claymore300
@Claymore300 Жыл бұрын
Thank you very much I will test. But I have a small question: I have already seen this style of mobile menu which is really better than what elementor offers. I would still like to keep an animation on the burger menu icon. For example if on click on it, there is a fluid animation which transitions to the cross to close the menu.
@lucasborges4226
@lucasborges4226 2 жыл бұрын
Great tutorial! Amazing approach, thank you!
@wajid9922
@wajid9922 2 жыл бұрын
Thanks, Today i have learned something new.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
That’s great! Thanks!
@rodrigoinsua3784
@rodrigoinsua3784 2 жыл бұрын
Amazing tutorial, simple but with multiple design opportunities, thanks a lot!
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks 🙏
@aminhn6569
@aminhn6569 2 жыл бұрын
Thank you for your perfect contents! I have a question. why did you first create your menu design into a section template and not in pop up?
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks and great question. I designed in a section template to have a better canvas with the full page view. But to be honest, in retrospect, I see it could have been productive to build the menu directly in the popup as well.
@acharwp
@acharwp Жыл бұрын
Thank you so much for tutorial, but jeffery what about sub menus? You can't create sub menus with list icons widget.
@LytboxStudio
@LytboxStudio Жыл бұрын
Very true. In all my new videos I focus on using the WordPress Menu Widget. It’s best for SEO and gives sub menus. I’d recommend someone to use the icon list only if they have a specific reason for it.
@KekeliBuckner
@KekeliBuckner 2 жыл бұрын
This video really helped, thanks. Was wondering if you could help with a many that has sub menus. How would you add that to the menu you created?
@LytboxStudio
@LytboxStudio 2 жыл бұрын
It depends how many items are in the menu. The main thing is making it easy for the end user. Usually the menu widget with the dropdown is good enough but if there are lots of submenu items I would rethink how to structure them. Here's a tip, I would build the mobile menu and test every step on my phone and adjust layouts and spacing based how it comes out on my phone. This will improve usability.
@KekeliBuckner
@KekeliBuckner 2 жыл бұрын
@@LytboxStudio thanks man. I found a way to add drop-down using tabs. Works great
@motogirlthailand
@motogirlthailand 2 жыл бұрын
...the most surreal experience right now! I just punched into KZbin some keywords and your video popped up. You may or may not recall, but I bought your Dell XPS from you a few years back. In fact, I am typing on it right now. I am correct, right? Haha!
@jcwebtech
@jcwebtech 2 жыл бұрын
I have been using this for a while and I also noticed, that not using the default mobile menu widget gives you about 10% boost in performance on Google Page Speed. But there might be an issue with accessibility and crawling the site as the popup is not part of the DOM until it shows up. Not really sure how to fix the accessibility part, but for indexing it should be OK having all the links in the footer. It also often breaks with caching so always test after enabling cache.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
As long as there's a menu in the desktop version indexing will be fine, the nav is still in the markup to crawl. The only indexing issue would come from having both the desktop and mobile in a popup menu. I'll be looking more into the accessibility
@CarolynneSmith
@CarolynneSmith 2 жыл бұрын
Thank you for this tutorial. Just was I was looking for.
@thatslaplagne
@thatslaplagne Жыл бұрын
super helpful! THanks you. Really easy to work though alongside the video
@celebrityviralofficial
@celebrityviralofficial 2 жыл бұрын
Please make a video on how to create two columns mobile menu. Example like bbc menu
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Hey! I have some videos coming up for designing mobile menus that will show something like this. To get 2 columns in the mobile menu with the pop up method is quite simple. While editing your mobile menu in mobile view, change each column or container to 50%. By default they change to 100%. Hope this helps and I’ll have some new tuts soon!
@luishenao9192
@luishenao9192 Жыл бұрын
Really helpful video bro, thank u so much! I would like to ask for a little bit more of help. I did the mobile menu and it works good, I'm using it with anchors links 'cause the is an one page and when clicking on any of the anchors and later close the mobile menu it takes the user back to top of the page. Do you have any idea how to avoid this? thanks forehand!
@mohammaddr4652
@mohammaddr4652 Жыл бұрын
Thanks for this great help❤️
@LytboxStudio
@LytboxStudio Жыл бұрын
🙏
@yannickscheidel7028
@yannickscheidel7028 Жыл бұрын
Hi jeffrey, great video. I did it exactly as you described in the video for one of our pages. After I switched the menu to this one here, I recognized that we don't hit the Core web vitals anymore based on some layout shifts when loading the page. Not sure how to solve that issue and maybe you have an idea. I can send you he url if it is somehow possible for you to check
@David-zp8rx
@David-zp8rx Жыл бұрын
YOU ARE THE MAN! Thanks a bunch!!!
@naveenmalik5065
@naveenmalik5065 11 ай бұрын
Hi Dear, Great! Simple method to create a complex menu...You did this without code or css with elementor...🎩🎩🎩 Off to you...
@LytboxStudio
@LytboxStudio 11 ай бұрын
Thanks!
@nganboi8592
@nganboi8592 2 жыл бұрын
Hi there!! Wonderful tutorial. However, I can't get the menu to appear when I switched to mobile view... On the desktop, it appears perfectly (I just switch for the test, I want it to be my default menu). Could you have some ideas about this issue, please? Thank you, keep going!
@conrad1990
@conrad1990 2 жыл бұрын
Change z index Worked for me
@gugathecapoted
@gugathecapoted 11 ай бұрын
VOCE É UM SALVADOR!!!!! VALEU IRMAO
@thirdworldposse1324
@thirdworldposse1324 6 ай бұрын
great video - you really helped out!
@hassamulhaq7762
@hassamulhaq7762 2 жыл бұрын
Amazing. can I make mega menu in this way. mega menu like on cloudways website. any suggestions please.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Hey Hassam, great question. It’s possible but I would not use this method for desktop or mega menus as it would not be good for SEO. But you question did inspire my next video and I will have a new tutorial showing how to make a mega menu without using an extra plug-in out in a couple of days. Thanks for the inspiration!
@hassamulhaq7762
@hassamulhaq7762 2 жыл бұрын
@@LytboxStudio Hi Lytbox, Thank you for your replying. I tried to design Mega Menu through this, it worked but in a popup and as you said its not good for SEO and I agree because the experience was not good if we go with popup. the second option is using CSS code. I created a section and hide it and on hover item that section will become disply-block. it takes time. for now am using ElementsKit Lite plugin it offers Mega Menu option like few other addons. due to time shortage, I go with an addon.
@havenbjj
@havenbjj Жыл бұрын
Thanks for the amazing video Jeffrey. I followed all the steps but when I click the hamburger menu on my phone the pop-up is not showing. When I make my desktop browser small it does show up. Any fix for this?
@arthurod44
@arthurod44 Жыл бұрын
it helped a lot and it workes ! thanks man
@yulsdiaz8521
@yulsdiaz8521 Жыл бұрын
thank you so much! that was so helpful!
@justaguynamedleo
@justaguynamedleo Жыл бұрын
Hi everyone, is there anyone who could help me out here? I'm using this in my projects and i just noticed something that i don't how to get around it. In a single page project with a navigation made with anchors, when you select one of the items in the menu, the popup doesn't close. Is there any way around this?
@suicidalcherry
@suicidalcherry Ай бұрын
@@justaguynamedleo Hello, just add a html object to your popup with this code: jQuery(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });
@VizioMakeupSchool1
@VizioMakeupSchool1 Жыл бұрын
Hi ! Great video, stupid question, what font did you used and size for the menu you did?
@squarem2
@squarem2 Жыл бұрын
Hi, love your vids! I Have a different elementor that is showing me a different interface and I can't change the pop-up X - "close" icon size or color can you please help me?
@rohitrajani999
@rohitrajani999 Жыл бұрын
Thanks a lot for this video! 👍👏
@emirbasha1410
@emirbasha1410 2 жыл бұрын
Hey, Jeffrey! I just start designing on elementor recently but I'm kinda overwhelming I don't know when to start and what should i learn first, I find your design approach with elementor the easiest and the best out there so can you guide me a little bit on how can I structure my web design process?
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks Emir. I think a good start is to join our Facebook community ‘Building Businesses with Elementor’. Here’s a link to join and look forward to connecting with you there - facebook.com/groups/buildwithelementor/
@emirbasha1410
@emirbasha1410 2 жыл бұрын
@@LytboxStudio I request to join the groups a few weeks ago but I didn't get accepted yet?
@LytboxStudio
@LytboxStudio 2 жыл бұрын
@@emirbasha1410 I’ll take a look first thing in the morning and make sure you’re in.
@PearceTiffany
@PearceTiffany 2 жыл бұрын
Love your videos! This one though you didn’t explain it all since you had already designed the mobile menu to “save time” this was more on how to link a pop up because we have no idea how you made the menu picture on there or designed whatever
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Hey Tiffany, this was great feedback and inspired my recent video. Here’s an updated mobile menu that goes into the design process when building the mobile menu - Slide Out Mobile Menus for Elementor With No Plugin or Pop Ups kzbin.info/www/bejne/nZTFkoJ6ppJ7hKc
@jairiah86
@jairiah86 2 жыл бұрын
@@LytboxStudio Hi Jeffrey - thanks so much for this, your videos are awesome. Wondering if you can help - I get to the step where you go into theme builder but I can't figure out where you're putting the section so I added it to my existing scrolling header (from your other tutorial) My theme builder doesn't show like yours. The conditions are for entire site and showing for mobile only but the menu header (logo and burger) are showing up behind the images at the top of the page. Any ideas? Thank you!
@CliffTam
@CliffTam Жыл бұрын
Thanks for the tip. This is very useful!
@Sweet.faiza77
@Sweet.faiza77 Жыл бұрын
Love You 😍 thanks a lot
@mnburch
@mnburch 2 жыл бұрын
Nice tutorial, but like most other tutorials on this subject none feature a menu containing submenu items. I've yet to figure out how to get submenu items to display properly in a vertical menu.
@LytboxStudio
@LytboxStudio 2 жыл бұрын
I’d use the menu widget if there are submenus and set the menu drown to full width. That’s the only way I found with native Elementor.
@mnburch
@mnburch 2 жыл бұрын
@@LytboxStudio Thanks! I'll give it a shot.
@CarolynneSmith
@CarolynneSmith 2 жыл бұрын
I made additional contextual sub menus and then used the accordion widget.
@ulrichbecker9333
@ulrichbecker9333 Жыл бұрын
Great video! How did you import the svg-file? I don't find a way to do that with Elementor pro.
@LytboxStudio
@LytboxStudio Жыл бұрын
Thanks! Go to the Elementor settings in the dashboard > Advanced tab > turn on ‘Enable Unfiltered File Uploads’ I do this and can additionally add the Safe SVG plugin and it removed all the SVG issues
@ulrichbecker9333
@ulrichbecker9333 Жыл бұрын
@@LytboxStudio Thank you!
@theleanbodyteam
@theleanbodyteam 2 жыл бұрын
Hi, Thank you so much for this tutorial. It has given me the flexibility for the menu that I was looking for without using any extra plugins. I now encounter one problem in the accesibility in google page speed and it is showing me that the ID in aria has been duplicate so it advice me to change it but I don´t know how to fix it . Have you heard about this problem before? Thanks 😊😊
@JoshMathewsofficial
@JoshMathewsofficial 2 жыл бұрын
Best tutorial on menus for elementor I've found. 👌
@BioticPearls
@BioticPearls Жыл бұрын
Basically this is a: Let's draw Mona Lisa, grab a piece of canva, well I already I done some of the work so we get this thing flow, next step, you now have to put it in a frame. Amazing Video about how to draw
@askjdog
@askjdog 2 жыл бұрын
I find this is not working on my iPad (air version 2), but works on desktop & iphone 8. Anyone else experienced this?
@LytboxStudio
@LytboxStudio 2 жыл бұрын
Thanks for reporting this. I tried to replicate on my iPad Pro but am unable to. Did you find a fix yet?
@MikeHudsontek
@MikeHudsontek 2 жыл бұрын
This is great, thank you! I can't seem to be able to right align the menu though. Works in the editor but not IRL
@mtnpfi
@mtnpfi 11 ай бұрын
Hi Jeffrey - thanks for the tutorial! I am also struggling with adding a sub menu. Do you have a workaround for this maybe? Thanks fpr your great work!
@mtnpfi
@mtnpfi 9 ай бұрын
Solved this with the nested accordion widget - in case anyone is having the same problem. : )
@baselito
@baselito 9 ай бұрын
Hi, How did you create your mobile menu? Is it a table, list or what? I'm new to this and I wish if you had explained quickly how you made the menu
@LytboxStudio
@LytboxStudio 9 ай бұрын
I used the WordPress Menu widget set for mobile. And added this in the template. Here’s another video I made showing how to set up mobile menus - Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus) kzbin.info/www/bejne/gJiqf3yPiLeSoNU
@elvandalo_
@elvandalo_ Жыл бұрын
Great video! It worked, but it seems on my side the close button isnt working, do you know about this error? I'm using the latest version of Elementor
@m_acci
@m_acci Жыл бұрын
Hace tiempo que quiero saber como hacer para esconder la url que aparece al hacer mouse over en el icono que abre el popup.. sabes como se puede lograr? Es que es muy molesto para mi ver una url larguisima al poner el mouse sobre el icono. Excelente video por cierto. Muchas gracias! 😊
@AlexBartokMusic
@AlexBartokMusic Жыл бұрын
Hello and thanks for this tutorial! I saw that the menu can be dragged left-right, how can I make the menu non-draggable? And, with this, can I make everything under the opened popup non-draggable as well?
@spaklhd603
@spaklhd603 Жыл бұрын
Try to add max-width: 100% to the entire page css
@voxdigitalmarketing9002
@voxdigitalmarketing9002 2 жыл бұрын
How did you add the black line separating each item? :-)
@LytboxStudio
@LytboxStudio 2 жыл бұрын
In the mobile design I used the icon list widget and theres an option for separator. Hope that helps:)
How To Design Better Box Shadows With Elementor
23:33
Jeffrey @ Lytbox
Рет қаралды 13 М.
I Sent a Subscriber to Disneyland
0:27
MrBeast
Рет қаралды 104 МЛН
"Идеальное" преступление
0:39
Кик Брейнс
Рет қаралды 1,4 МЛН
Хаги Ваги говорит разными голосами
0:22
Фани Хани
Рет қаралды 2,2 МЛН
Slide Out Mobile Menus for Elementor With No Plugin or Pop Ups
24:20
Jeffrey @ Lytbox
Рет қаралды 83 М.
A Fully Shrinking Sticky Header On Scroll With Elementor
25:37
Jeffrey @ Lytbox
Рет қаралды 47 М.
Elementor NEEDS To Steal This From Bricks
9:10
Jeffrey @ Lytbox
Рет қаралды 4 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 670 М.
New Elementor Design Trick - Glowing Cursor on Card Hover
17:16
Jeffrey @ Lytbox
Рет қаралды 86 М.
Get Started With Elementor Containers | Part 1
50:29
Ferdy․com | Ferdy Korpershoek
Рет қаралды 81 М.
All New Elementor Category & Tag Filters (Taxonomy Filters)
11:19
Jeffrey @ Lytbox
Рет қаралды 80 М.