in this tutorial I'm going to show you how to add a fixed mobile menu to your website that helps increase mobile conversions hi and thanks for joining it's a meat from unlimited elements in this tutorial I'm going to show you how to install the icon mobile menu so first of all of course you need to make sure unlimited elements is installed inside of animated elements you have all sorts of categories and the category we're talking about today is extras in extras you have all sorts of cool stuff that you can use and the one we're going to talk about today is the icon mobile menu so to install this onto your website you're going to need to hover over it and click install what it does it installs it into Elementor and now we can jump it to one of our Elementor pages and see how to use this new widget that we've just added so I'm gonna jump into the this page and click Edit with Elementor and to use the new widget and I'm going to scroll down to the last section and over here I'm going to add it in the last section searching for mobile it filters out all the widgets with the name Mobile in them and I'm gonna drag that inside over here and as you can see we have a new menu with all sorts of fast links users can use to contact us on our website next thing I'm going to do is I want to make this fixed on the bottom of my website so even when someone Scrolls up or down still this and mobile menu will show to do that I'm gonna click on it going to advanced and over here we're going into custom positioning inside of custom positioning we're going to choose fixed and now you can see it's fixed on top and we want it to be fixed on the bottom of course you can choose it to be fixed on top but for this demonstration we're going to do that on the bottom so vertical orientation bottom and now it's fixed to the bottom let's close this perfect so that's exactly what we wanted and it's working great now usually when we have this kind of top type of menu and we're going to want it to show only on a mobile device not on desktop so we're going into responsive and we're gonna go for hard on desktop now it doesn't hide it right now because Elementor wants this to be accessible and still even though we're on desktop but if we check this if we save this and go into preview you can see it's not showing now and if we're going to click inspect and view this in mobile view this is a tool that's in home you can see it over here and that's exactly what we wanted to create this kind of sticky footer mobile menu now I'm going to go back into editing and show you how easy it is to edit this so for example if I want to add an item or delete an item or change the order of items I go into content items and over here and we can reorder them by drag and drop so I just switched out two of these I can delete for example I'm gonna delete the last one called Facebook just click on the X to delete and as you can see it adapts it automatically so we don't need to play with any item width or something like that and meaning it will show as many items as there our each one in a equal width I'm gonna add a new item as you can see just that is that now another thing that's nice over here is that and we you can add a regular link or you can add a male to link or a whatsapp number or a phone number and what the male what's up in the phone does it adds the short snippet you need to make the email open automatically or the what's up to open automatically or the phone number to open automatically so that was a quick new widget that we've added to our widget library and I invite you all to download install and use it please update me with any feature requests or any ideas you might have thank you for joining and see you next time .
A visitor lands on one of your landing pages, gets interested in an item, and scrolls down to learn more but he cant find your phone number on the page. This could be a big problem! They’re almost convinced to buy from you now you need to make it easy for them to contact you. Thats why we created the mobile icon menu.