Create Better Mobile Menus With Elementor Popups

[@LytboxStudio]

🚨🚨🚨 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]

👉👉 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]

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]

What about having a popup menu for mobile and tablet, would that have an effect on SEO?

[@rg-web-design]

@@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]

@@Ititchiwhatititchi Yes. I would like to have a pop-up menu but, having looked into SEO impact, I am not.

[@HazStrikesU]

How do you even find out these little details?

[@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!

[@karldavidson27]

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]

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]

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]

@@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]

Es muy sencillo de crear ese menú muchachos, cosas básicas de Elementor 😂

[@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.

[@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.

[@brunosoares9021]

Great video, thank you !!!! One question: how do i configure to close the pop up after clicking in one of the menu buttons?!

[@LytboxStudio]

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]

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]

@@malcolmgoodwin690 big thanks! I’ll need to play with this one and find a solution. I’ll get one asap.

[@LindsayJo-Crenshaw]

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]

That's awesome! Thanks for the sub and welcome to the Lytbox community!

[@polyarnik]

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

[@GansShir]

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]

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 😉

[@SrenKellJensen]

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]

Google caught on to using these kind of tricks, best to play it safe 😉

[@viktorvarbanov1079]

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]

I have an updated video showing how to close jump links - kzbin.info/www/bejne/gJiqf3yPiLeSoNU

[@rheamozo489]

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]

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’

[@arturo5050]

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?

[@jaydeeptrivedi6760]

@LytboxStudio Can you explain how to implement slidein menu for hiearchical menus?

[@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

[@emirbasha1410]

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]

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]

@@LytboxStudio I request to join the groups a few weeks ago but I didn't get accepted yet?

[@LytboxStudio]

@@emirbasha1410 I’ll take a look first thing in the morning and make sure you’re in.

[@acharwp]

Thank you so much for tutorial, but jeffery what about sub menus? You can't create sub menus with list icons widget.

[@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.

[@Dhrubo_Jyoti]

Thanks for the clear and detail explanation. Solved a big issue with Elementor.

[@LytboxStudio]

Thanks! 🙏

[@aminhn6569]

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]

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.

[@nkafridi07]

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]

Many Thanks 🙏💜

[@Castorelo]

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]

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.

[@nganboi8592]

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]

Change z index Worked for me

[@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?

[@KekeliBuckner]

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]

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]

@@LytboxStudio thanks man. I found a way to add drop-down using tabs. Works great

[@P4TTT]

Would haven't ever thought about using popups as mobile menus, it looks great. Thanks!

[@LytboxStudio]

Glad it helped. Cheers!

[@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 ??

[@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.

[@ovoitena]

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]

Thanks! I’m so glad it helped 🙏

[@SuperSpettit]

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 👍

[@mnburch]

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]

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]

@@LytboxStudio Thanks! I'll give it a shot.

[@CarolynneSmith]

I made additional contextual sub menus and then used the accordion widget.

[@baselito]

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]

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

[@nicholasjackson1]

What a fantastic tutorial. I really like using this menu. I am running into an issue with the menu not being clickable every once in a while after navigating through the site. It registers as a click but the menu doesn't fly out. Any suggestions?

[@LytboxStudio]

Hey thanks! And there might be something conflicting with the pop up. Maybe another plugin. I would first try disabling the other plugins and see if that fixes it and then enable 1 by 1 to find the with plugin it is.

[@nicholasjackson1]

@@LytboxStudio Will do! Thanks man.

[@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]

Try to add max-width: 100% to the entire page css

[@Sobabo90]

This tutorial is exactly what i needed !!! I'm so thankfull !

[@LytboxStudio]

Awesome!

[@macropsialberto]

Hi Jeffrey, thank you very much for your tutorial, you look it very easy and functional. Greetings from Bogotá, Colombia!

[@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?

[@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!

[@ayenipeter4886]

Great video, this helped me to build a fullscreen menu. Thanks Jeff

[@LytboxStudio]

Awesome thanks!

[@ulrichbecker9333]

Great video! How did you import the svg-file? I don't find a way to do that with Elementor pro.

[@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]

@@LytboxStudio Thank you!

[@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!

[@farukgunestraining9362]

question: what to do if I use anchor, for one page scroll. Would be this the right version?

[@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]

So good to hear!

[@김상진-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.)

[@voxdigitalmarketing9002]

How did you add the black line separating each item? :-)

[@LytboxStudio]

In the mobile design I used the icon list widget and theres an option for separator. Hope that helps:)

[@vhenning82]

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]

Good idea! Thanks! 🙏

[@eacc95]

I just encountered that... It doesn't close; I even try placing the "nav menu" option, and neither does it.

[@eszter1508]

Hello, could you please share with me/us the solution, I am struggling with this problem. I would really appreciate it. Thanks

[@LytboxStudio]

@@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]

@@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!

[@NewfoundME777]

I have followed the directions, but I can't seem to get my popup to open.

[@hassamulhaq7762]

Amazing. can I make mega menu in this way. mega menu like on cloudways website. any suggestions please.

[@LytboxStudio]

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]

@@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.

[@VizioMakeupSchool1]

Hi ! Great video, stupid question, what font did you used and size for the menu you did?

[@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

[@catiagraciele9484]

hello, I'm from Brazil, do you have a course to create high conversion pages from scratch to advanced that have subtitles available in classes for the student

[@LytboxStudio]

Not yet but I am working on a course for designing and building professional Elementor websites including conversion optimizations with subtitles. It’ll be out in November. You can sign up for my newsletter and get updated when it’s out at lytboxacademy.com

[@xxnetto]

thanks man, i'm brazilian and your explanation is very clear and objective.

[@LytboxStudio]

Glad to hear that! Thanks!

[@christinelopreto4865]

Nossa, eu adorei tbm!!! Amo a didática dele!

[@TheWarriorSolution]

This is a much better solution to the basic mobile menu. Thanks so much for sharing!!!

[@daczito]

Hey Jeff. On my website i have one header for desktop, and this one for mobile. (On same header template) For my desktop one, i watched your other video for the hiding and reappaering on scroll header. But how can i add the same effect for the mobile version of the site? I know i cant use the same java code, as you said in the video. What is my best solution? Much appreciated

[@LytboxStudio]

Hey Daniel, good question. A way to do this without having to change the JS code or add new code would be to use only one header section and have both your desktop and mobile header in the section and use the responsive conditions to hide menu parts where needed. That way the same section will hide and reappear and all that’s needed is to style up the section for both desktop and mobile. That’s how I would go about it. Hope this helps

[@daczito]

@@LytboxStudio Hey man. Is it youtube that keeps deleting my reply, or is it you..?

[@LytboxStudio]

@@daczito nothing is deleted on my side. If you’re sharing links then YT might flag it as spam. Hit me up on IG if you want to share a link.

[@daczito]

@@LytboxStudio Ah, i see . Thanks. I have written you on IG now :)

[@jaimevtv]

Thank you brother for this content, I tried it on my work it looks fantastic and great for user experience.

[@LytboxStudio]

I’m so glad to hear! Big thanks! 🙏

[@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]

@@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); }); });

[@camilaroseferreira9743]

My menu isn't showing in Firefox. The logo on the left is visible, but the hamburger icon isn't. Any help is much appreciated (I commented on another video accidentally). TIA!!

[@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! 😊

[@vedvijayvergiya9886]

Thanks but my close button is not working how to fix it please let me know

[@LytboxStudio]

Check to see if another plugin is conflicting with it by deactivating 1 plugin at a time. Also try Turing off another speed optimization plugins. Sometimes they can interfere with with a JS function

[@jcwebtech]

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]

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

[@susanalourenco3697]

Why Popup appear only once. I need to refresh to work again

[@theleanbodyteam]

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 😊😊

[@askjdog]

I find this is not working on my iPad (air version 2), but works on desktop & iphone 8. Anyone else experienced this?

[@LytboxStudio]

Thanks for reporting this. I tried to replicate on my iPad Pro but am unable to. Did you find a fix yet?

[@teunbraber]

I used this video every single project I do, great stuff!

[@LytboxStudio]

That’s awesome! Really cool to hear 😎

[@organicafricantechfarmer]

I truly enjoyed your delivery. Easy to understand content. Thanks alot

[@jeroenvdw]

For some reason I can't get it to work the way I want it to. I want the menu on the left side of the screen. So instead of what you did on the right, I just did on the left. And not 100% width, but 65%. Now it opens in the middle and the X close button doesn't work. Anything where I can align it I pressed that Elementor should do it on the left...

[@jeroenvdw]

I figured out that if I disable animations that the close button will work again, but still whatever I do, the menu keeps popping up in the middle. I can literally see the preview that it will be on the left, but in reality it always stays in the middle. Purging cache doesn't work either.

[@motogirlthailand]

...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!

[@17Kalash]

it is possible to create another popup triggered by an element (like an elemento of the menu) of the first one?

[@VidsofTalents]

How can I make the mobile menu sticky??

[@california_ray]

Thanks, man. Nice to search and find exactly what direction I needed in the first go!

[@LytboxStudio]

So glad to hear this! I love it when that happens

[@lucasborges4226]

My page is a one page with anchor links. How I turn off menu when the user click on item? Someone passing by?

[@LytboxStudio]

Hey Lucas, I have a fix for single pages with anchor menus on my todo list. I’ll try to get it out asap

[@lucasborges4226]

@@LytboxStudio I'm searching for a code, still with the problem. If you discover a solution, remember to reply here 😁

[@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

[@vcl_andre]

Hey, I made a one page website with this responsive Menu... But how can I make it so when I click on the textual element, it closes automatically the menu and leads me to the page # ?

[@maicocastro2244]

Thank you so much, brother. You solved a problem I was having here with your tip. Thank you very much.

[@LytboxStudio]

That's great! Thanks

[@deivideg13br]

great job! you now have a follower from Brazil.

[@LytboxStudio]

Alright! Much ❤️ for Brazil! 🇧🇷

[@MikeHudsontek]

Is there anything wrong with not using the menu widget to create menus? instead just aligning text up with links?

[@sblaize21]

Thank you for this tutorial. May I confirm? The items in your menu, Academy, Coaching & Mentorship, etc -- these are pages and while using the "list icon" element, you had each of these pages' link in the list icon. Correct?

[@RyanHuggler]

I'm trying to figure out the same thing.

[@fedestock77]

Nice tutorial. I have plenty of Elementor knowledge, yet, I learned some new things here. Thanks a lot!

[@remixarash4288]

Any tutorial you can recommend for menu template

[@mtnpfi]

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]

Solved this with the nested accordion widget - in case anyone is having the same problem. : )

[@AdalbertoHernandezVega]

Unfortunately it wont work on a Menu for a Single Page site with Menu Anchors, because the popup remains opened after selecting an option from the Menu, therefore having to manually click the X close button. Is there a way to programatically close the Popup upon click anywhere on the screen?

[@LytboxStudio]

I created a newer video with a solution for single page scrolling using slide out menus - Single Page Scrolling Elementor Menu (Desktop & Mobile Anchor Scroll Menus) kzbin.info/www/bejne/gJiqf3yPiLeSoNU

[@AdalbertoHernandezVega]

Awesome@@LytboxStudio !!! Thank you very much.

[@wordpress9]

Great video thanks. Is there a solution to make the menu pop back in after the menu item is clicked?

[@mohammadabdi3074]

It was just soooooooo helpful! Thank you Jeffrey!

[@nidarahman2305]

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

[@benjaminmartin6882]

When creating the Template, in the Section you hand-coded the menu... If you were to place in the Menu widget there, is there a way to have it automatically open when the popup loads? Without doing that, currently one has to click the hamburger button to trigger the popup, and then within the menu, they have to click the new hamburger button to expand the entire menu. Can you have it expanded by default?

[@playlistify.network]

On Iphone, Chrome, the popup glitches a bit for me. It flashes, and then opens. Do you know this bug and know of a way to fix it?

[@diegoxntvo]

Thank so much for the tip!. I have a question, is it a good practice to add the menu in the footer when using a menu like this on the desktop to fix the SEO problem?. Greetings from México! 🙌🏼

[@LytboxStudio]

Thanks Diego and great question. As long as you have your menu on the desktop version your SEO will be fine with no harm.

[@diegoxntvo]

@@LytboxStudio Oh! great, that's great, especially when you get the opportunity to do something a little more creative. Thanks for your tips!

[@thejoto]

why I cant upload svg? or how can I do it?

[@alfredoduran6516]

Excellent friend, you have given me a new inspiration! 💪

[@celebrityviralofficial]

Please make a video on how to create two columns mobile menu. Example like bbc menu

[@LytboxStudio]

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!

[@BrantK147]

The big question is what to do for one-pager websites where the menu has to link to sections of the page. The pop-up doesn't close on its own :'( It's little things like these that are so necessary and overlooked by Elementor that make me hate some. haha but no haha you know? XD

[@yohaneman]

did you find a solution for this?

[@unrealdracco]

I'm also still looking for a solution to this. Has anyone found one?

[@caroltafuri]

Jeffrey, you are the best. Best regards from Brazil

[@PearceTiffany]

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]

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]

@@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!

[@ChrisOkw]

dude! thank you so much! great video keep up the good work. subbed!!

[@LytboxStudio]

Thanks for the sub! Much appreciated!

[@MikeHudsontek]

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

[@MrBalloonatic]

does having two main navigation menus on a page effect SEO or accessibility?

[@LytboxStudio]

Nope. In this tutorial there is only one nav menu that’s in the desktop. The mobile is not styled up with a menu widget so there is no other nav tag. This means only 1 menu is being indexed when crawled.

[@MrBalloonatic]

@@LytboxStudio thanks, i just wanted to double check

[@p.m.8316]

why not use buttons at the bottom like an app?

[@HazStrikesU]

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]

I'm so glad to hear you found a good solution. A mobile menu plays a big part of the UI and user experience.

[@marketingsolutionsrus]

So how do you make it live?

[@Everywritersresource]

Followed you step by step for an hour, and this did not work. When I click on the pop up on Mobile nothing happens. Ugh.

[@tomekpniak6628]

Thank You for Your SUPER contents!!!

[@LytboxStudio]

Many thanks! 🙏

[@danellis-jones1591]

I got 75% of the way through and my new version if wordpress didn't have the same linking ability to link to a template. Just pages. I'm really struggling with wordpress and all the plugins that are needed for almost everything!