and personal talk all right here is michael pains complicate on the site and in this video I I'll teach you how to read between a barbie and then what's up and let's go to how you saw it is first rodrigo contributes to leave the your website the milk at home your store the aspect much more professional and improves usability on mobile a lot right and I will teach the 10 – today before start the video i'm just going to ask you to leave a like here for me if subscribing to the channel if I have not been subscribed activate the bell for receive a notification whenever I post a video again here on the channel me I followed there on my social networks because we can interact on the side of jack me comment saying if this video helped you and we leave suggestions for new videos and clicking or that I will leave here in the description to go straight over there on my telegram channel, that's it guys, let's go to my screen computer now and well then come on i already taught you how to make this store complete with elements if you are not coming yet i will leave a card here ok click there and come on watch let's go here on the administrative panel two quickly let's hover over models add new let's choose the pop-up function remembering that this function only appears for those who have elementor pro so if you don’t have elementor pro you won’t be able to do with this function is this here is the function for elementor pro you will click here and go write the name for your boy i will put menu in the neighborhood two can put whatever name you want ok I'll click on create model and then I’m from the element we’ll get a column with six right I can't lie one two three four five that's exactly how it was that we are going to have to remove this x1 here because the boy is not to be closed right so let's see click here on the gear zinha this gear zinha the chat settings right so let's for example click on the close button people do disable we will see here in advance and then we will prevent the closing the esc key and when the person clicks on the apple sequence then is outside right and asked to close the overlay ok disable enable these two options here and now we will click here on computer icon and let's put it in my neighborhood it's getting like this right and will align them to leave the same line when we do that you will click here on this black zinho icon will come here in the width of the column then you will put a spacing here the spacing width the sum of all columns has to give the password to be on the same line ok so let's put it here 16 in the first three hours 16 16 16 and in the last two I’ll put 26 ok because I did it because it’s the words that will stay in these first three are smaller and in these two last ones are bigger chances are more space so now we're going to go here in the library let's get an icon box or this one that comes with text to us we will paste in column home now play again to see that play it is easier to make it dark here afterwards we go back to mobile ok let's delete the text let the title and the icon I will configure here look black or the color of the icon I will leave the size 17 I do I am very it's not and mom 17 here the content icon just the title, right, we're working, let's put the typography black color nunito I do beautiful and size 15, I leave the transformation capitalized there we let's write here the menu there let's stay here let's look for the zinho icon boy I always did what is the name of this silicone in a little while this is what I want and then we will click with the right button I will stay in duplicate and then we will drag it to all the others column is right for last ok there we will choose the icon and the title of each one here will be a store there i will choose the icon here write your mall i will choose the bag icon there will be a blog and then I’ll choose to write messenger, choose the balloon icon here I’ll put a cart you’ve seen and then I’ll choose the cart him at the mall when I recommend a cart and here I will grab a title or sign up search and I go with the same beautiful black discography the kibe look and I’ll get the ipi the icon not a search widget that has here on elementor and then we will choose the we will choose the full screen function to be just the icon we will see here in this style accordion type of white background and the color let's put black ok there size and the mother lets me see and now my first title I'm going to put here centered woman I'm going back here for mobile to for mine now or are you seeing that the how different the title he is it got a little bit lower right there we go he advanced we will stay here to unfold the values and we will give a negative margin here for it for it to go up and let's go a negative margin here also in the icon of search for it to rise because it is too down hi and then you do this until it is aligned until all the titles here are lined up okay now we have menu store blog cart in search I'm finding the icons a little small let me see here i will increase the size of the zico and us here and then to comment for 25 and I thought I was pouting and then and then I’ll come here in the song I’ll also increase it here or size size also increase hi and ready it's already aligned here with the others now will rafaela everything down I will come here in the church in the gingham and I’ll come what vertical time then I’ll put the bottom one so that it stays here which is for me to stay here in the footer or disable this thing here of whatsapp so he doesn't get in the way of the boy so let him I go there to disable it ready to disable and then as you can see it wants to be very thick below right it looks like this is candida business a spacing here because of that text that since theoretically it would stay here so come here in advanced I will put a margin negative here is 13 to be able to take these thoughts that remain and I’ll stick them all in there you see it’s already decreased size and then people you will align there and for you to see is the way you want it I'll do it more this also something put the spacing here one so you're going to come here in this style in the box when I'm going to put a lot of copy spacing necklace style me each and to be well together hi and here i'm going to come here nigga sado I'll put it a little higher and then I said I said wrong and in fact it is very up and down a little bit look and I'll lower it a little moral saints who agree here ok I'll make a line zinho a very clear line border here in the session so I came here in the styllo boot solid board type I will put here in gray I will choose a very clear color here and I’m going to sleep here I’m going to put only the top just to be a border here on the mobile to give a little break okay and we will come here on settings and the gear zinha there we go here overlay let's deactivate it ok another thing we will do also if I didn’t wear a bikini, you’re seeing shadow from the block shadow of the block we will also see here in this type of wando we will click here and I will remove it and let’s see it in the section type of background in the session because put white that if you leave the white background of pop it keeps showing up on the desktop so it's supposed to disappear so we put only in this session here that we can access here in advanced that responsive put hide the desktop column so it will not appear in the desktop right on the tablet will appear only on mobile okay and now we will do the chat we have and here in this menu ok first we will apply to cni publish add condition all site next when loading the page doesn’t take off when scrolling there I’ll put here ten percent at the time of load 10 percent of the page that the papi will appear on and let's click save ok ok now let's go let's do oops let's go there on the panel administrative wordpress again there we will see here in templates add new and then we will choose here as a another session of coopapi then we’ll choose a game like that at prom three I don’t know I’m going to create a model and we’ll create something to open the icon ah ok we are going to get a session here put here on the mobile let's go here in the configuration and then we for now activate the close button just to be easier here for us to configure there we will get yours are here there we will see here style is a type of background we’re going to put a gray one here and we’ll get one here title we will put the there the pa pa the hello visitor you and then we will configure here we will put better ones the dark one put here nito and hot size and weight 600g the doctor too and put on shirt 17 i know sex oh and let's duplicate it and then here we will come here follow me dynamics people will choose the function in user information user we will choose with the information we want the names of username and then we go here advanced it before the people will put hello a vigo and space ok if you leave no space it stays pasted with the name and also put the space and then he will say hello and the name of the person who has left this one will be for those who have not logged in and if you know who has logged in there we will limit this here this is the one people will click that visibility me remembering that this option here it only appears if you have the plugin installed which is this one for you we don't even use this plug during the construction of the store and there was dynamic visibility for the element to leave the link for you when you have wife installed you manage to limit elements sessions to each type of user so this is it, we will limit it only to visitors and this one only for logged in users ok i'm not getting access to it here sometimes gives this guy a few more months to put here that the guy in saving draft and I will reload the page and now we’re going here now we’ll give you the option this option here is here with me manage use where we are going to open and then here look here is that we configure what kind of user can see this here then I will put here is only for non-logged in visitors you can see and this one I'm going to same thing to enable or to military only here in this one here I will put all other types of users are seeing that in this case all the other types of users can see explain the oh beauty let's go back here for mobile the user tangela side let's get here an icon list we will put it down here i will want only two i will click here to stay in line calm there on the other I will delete the icons here I just want text and I'm going to put home like this and on the other I'm going to put login bar registration hi and then i came here, right, set up the text, i'll be insisting darker the typography nunito ah and also 17 and weight without sex and then kiel melissa i'm going to spacing it out i want it to be right there right away from each other and home and here login there I will return here in the text also has rover here i will put an asus here for her so that the person hover and stay blue is there ok there now we are going to duplicate this section here by the way no mattered the maquinho here I will get another extension attack down there I will duplicate column and here I will put in a column put 20 and in the other column I put 80 ok and then now in this column here of 20 we will put a picture hello good I came here and put full screen so they don’t get any funnier I’m going to get the image coming from the hanger that I found I found these circles here on the slice tell people and website people showed that it is very cool because you write here in English is you find a lot of cool icons here and then you can download here just click here you choose up to the size in this case I downloaded them all in size 24 I downloaded png-24 fiction if you want to go there download it too put it here let it go I see that I'm going to put a size of fifty per cent here and there now from the corner here i will do something else i will get a single sound is the color and this one woke up here from ht I'll get him just because he is more or less ready ok people but can you can use another one of the element also works that is already more or less ready I already have it and when he is in the corner, the day I want to go there, I'll write categories and I want this boy well filled those we see in these big trees of mine will have a lot of firula if you don’t want to do firula in the sky don’t do it but he’ll put the category and then I want the person to open it I woke up one here and has the categories here so there is no way we can do it here want to see it has but it will not run out of percent I'll make another model today or i will stay here in the model add new i will make a model assignment even just to be able to make the categories ok so let's click here me did so there i will put yes to know girls on mobile my husband i will create which is the model and ready me there I will get our only normal then I'll get a list of normal cone or I found that leaving only one how to delete a unicorn ae and you see the categories that I have that in the case is blouse in lights right the pants the dresses and if you want to make a page take to a category page also if yours has many categories my I found it interesting to do it that way so let's do it and go out each one decide that I will link the page categorize the cni blouses copy the milk and my blouses category here in pants copy the link goes to pants category here at invested in copying the link will stay has wanted to see jesus and so suggestively folks when you are making this cute boy you do send a print and mark me on instagram saw for me to see please there let's set up here right the typography black text beautiful photography in myth size 17 weight 800 and I will come here and she said and I will put here the 40 spacing here there I will bikini style those thoughts leave like that and I'm going to publish it and now I'm going to go back there to the models I'm going to Otavian menu-mobile category two generate shortcode here I'm going to copy this short code then I will return here here in the category the acne here inside the woke up one here i will put that text there i will come dynamic kinetek 1 and I will choose short code here then I will barbecue di there I will paste today I think I got you there and then on youtube, here comes the changed my zinho icon here for me that cream on the bike there and that verse 21 and why is it open and not believe that there is any here in this style title right kind of background I'm going to clean I don't want anything right a lie I'm going to put white I don’t feel speechless leave me the pattern that the gray one appears here we put spelling there I will put nunes uneca where it is using 17 hours the weight 600 ah and let me see here type of background a white headdress hi and here in the accordion happy here type of border and already put solid and will put white to be able to disappear a border that is here ok ok there we will put here in the section we will come here in vertical alignment we will put mail and we will duplicate this section here some times and the e does not leave the seven sessions one two three four five plus two hours 6 is but our website oh ok and then we are going to delete this one I woke up here from the others and at nas others we will put a title and let's put it here the title I'll get copy here I'll get the same typography necklace from above only I'll remove the visibility setting here and by the way how to get ahead, I’m also nothing, you have to think about business there in up there i will write here hello my orders my order news promotions and attendance information and I will duplicate that title put here below I will write new promotions I am information the service and then the service and frequently asked questions and there the question three frequently asked questions and then and now I'm going to change the zinho icon of each one here in the orders is the icon zinho this box here news is the zinho bell icon here and here in promotions is an icon zinho this band here information there this here the service listening to foninho efac this other here is there we will see here in the title I’ve already moved it, it’s black, and we’ll put a space here spacing asks for side there are 30 28 just to be able to keep the same spacing it from categories 1 I think it's 25 see me right there we will copy and paste the style in all other texts other titles is the style I just think it's a little different from what i did the text gives a little bigger the just change here the title size to 15 quickly and bye oops I'm going to change this to 15 I'll copy picked up paste the beautiful style all what and now we are going to duplicate this last here and we are going to delete here what is inside and then oh and let's put the size still said thinking of the 50 50 and 50 columns and not putting the session size the bread agreements are here in black ok i'll get one and leave an image put here in the session I'll get the crazy white on put here I'll get one text or put here and I write these sentences ok the whole store with up to fifty percent of us and go put the text in white to give one they didn't have a call there for action if you can already do it here and I will leave it like this or decrease the logo size a little bit I'll be here in the title I'll put a br here is to be able to split the text and with up to fifty percent off ok and i will put a little bit of spacing here top here in mozambique for each breath here right Sunday right and there will be like this our melon we link all the icons and titles here orders hi guys, I'm going to link my account page here hi hi link my account hello my orders and then I will connect here and the lens the news I'm going to put the store page and if you have a page of news then you can put promotions on your part of the store even the information and training I will put the page of our stores what I haven't done these pages yet but I'm going to play here just to be functional for us use service the boy contact me and there and there and there and there o and asked snakes i will put the contact page too so i can only for now do another here at the time I will put a link here from the home and this one I will return to the store our eyes and it will stay that way don't stay this way now it comes here in settings I will enable again here the close button right there I will leave it here I will just bikini style and I will put here close button there I will in black color then I’ll enlarge his mother a little bit and I’ll give a move it here, check it up here I'm going to come here also, something that I think will work click here on the name I’ll just give a negative margin upwards I think in the time you have on mobile at the time you are logged in and it will be a space because this one is ok just for us to stay a space and that's it guys we will stay here to publish add new or the net ok we will put it to appear on everything site we will put it to appear nowhere it will just be called here then I I will reload here so we can call him here with this cute icon here from and from the menu and what because my father's new there i will stay here there back here link has dynamics there i will look for that pap then I will choose here the pap right in the case of the category and it's not showing up blue ah ah I did it as a session I did it as it goes here so why are we going to do I'm going to copy here I didn't want to copy myself I'm going back here to See the models page here I did it as a session I didn't do kopap it's wrong to we have to do it as per pap so let's see here a little papi add again and I'm going to paste it there in your case so when you are going to do it instead of you do for a kiss you do session you already have a direct chat ok I will choose here I will put here it is like he is already talking here I will come here in my the models and then there he comes, everything came all day, all right, I'll save it here the authority save here ok and then I saved it as a category minus two, right then I will come back here to find the page again ae now i'm going to play here I will connect here with the stick so I will choose here for the role now calls category the menu two I put this not right I liked a man but finally update in ready will already be working that the our least go there when the person clicks here it will open the other for the capillary there as I had done a little menu papi for this site before I will use you activate it which is one of the icons and the pink ones that I had made in the store in video from the store so let's activate it I will come back here in the soupapes model hi and here i go to the mobile menu and i'm going to delete it actually and then ok so guys I tried it on my cell phone and then I had to do some changes here that when I went to lay on my cell phone it was cool filling out the the whole screen, right, and what I did, so I'm going to show you, come here on zinha gear right look here it was like adjusting the content and then I went there and I changed to adjust the screen and then it was on the screen, but there was a space up space down there to fill the space everyone I came here on my advanced cinema session I put a little foot of 30 here I saw in this session here in your first one I put a little foot of 20 and I came all the others and put it's a little top and bottom 10, so I put it all right and higher and I came here in all texts and increased the font size that it was 15 then I increased it to 18 you see I increased all the titles I increased everything to 18 then copied and pasted it, it's the style that only eats everyone after 18 and also the icon i had told you that i had downloaded there the fact sheet is a 24 pixel size, but when I went to view it on my cell phone, it was cool then I came here again and then all the icons of this size here 64 pixel ok so this is the 4pix center i get the size a cool size that doesn’t it gets bad quality and then down here in this little session here here underneath I also increased the letter tomorrow to 18 of which image size I didn't understand too, okay, and here comes the image, more according to the size of yours. ok and up here I did it differently I had only one injection there, right?
it's an image, I came here and I took the image edith and put it here I put this image of this doll and came here, I did the same thing as the we did the visibility net came here the visibility I put this one here for appear only for visitors and I took an image i again images and then only this one I came here I did the dynamic tag the user profile picture also in the user profile picture here and then did the same visibility we came here comes here I put it only for users ok, it was these changes that I made here in the sizes and then we that I did were filling the entire screen, so I saw that cell phone would be nice if there was a little space for me to come here in settings and here is the width of the screen you can see that you control there I came I left 300 which was a size that I thought was also cool and that was it these were the changes I made here, of course, as you do then right depending on your menu you will arrive at the cell phone looking the way it gets cooler there according to the amount of information you will hi and there too we have to make the call here right i'm going to put here the login page link and here the link to the home page we have to put the link to the rest of the pages, right here we put the store link the store canopy and here the blog link and here the cart link and then and here search does not need to put any link and not even ready guys will already be on all of our all our icons here will already be ready our personal country menu today's tip was I hope you liked it if you are not subscribed to the channel yet subscribe give a like in the video if you liked it don't leave a comment here saying if this video helped you follow me there on my social networks for us there and click on the link that I will leave here in the description to go straight to my live channel next a big hug .
👉Entre em meu canal VIP no Telegram:
👉Se inscreva no canal:
✔️Adquira o Elementor Pro aqui:
✔️Hostinger: Hospedagem de Sites anuais com até 90% OFF + 7% OFF pelo link + Cupom DESCOMPLICANDOSITES 🔥🔥🔥
✔️Crocoblock Elementor (Família Jet) –
Link dos Plugins utilizados🔻:
Elementor Pro –
HT Mega – Absolute Addons for Elementor Page Builder –
Dynamic Visibility for Elementor –
Veja Como Criar essa LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo) –
– Como Criar Sites Completos Passo a Passo:
– Personalizando o Woocommerce com Elementor:
– Menus com Elementor:
– Popups com elementor:
– Dicas de Design com Elementor:
– Marketing Digital com Elementor/WordPress:
☑️ Como Criar um MENU MOBILE NO ELEMENTOR Pro (Menu e Mega Menu iguais de aplicativos)
Compartilhe o Vídeo –
Quem desenvolve sites com WordPress, Elementor e lojas virtuais com Woocommerce provavelmente, no momento em que configuram a versão mobile do site, devem ter passado pela cabeça: Mas… como criar um menu mobile no Elementor pro iguais os de aplicativos? Ou como criar um mega menu com Elementor para a versão mobile que seja acionado na lateral do site, como os tão comuns em lojas virtuais de eletrodomésticos? Foi pensando nisso que criei esse tutorial ensinando como criar esses menus através de popups do Elementor Page Builder.
O Elementor pro é o melhor e mais completo construtor de páginas do wordpress. Ele permite personalizar e criar praticamente tudo que vier na imaginação ou planejado antes da criação do site. Este é um desses casos, ensinei como criar menus responsivos com o Elementor através de popups.
👉Se inscreva e ative o sininho das notificações para ver novos vídeo e dicas sobre WordPress, Elementor, Woocommerce, Servidores e de como Viver de Criação de Sites. Clique aqui:
📍 Sigam minhas redes sociais
💲 Instagram –
💲 Telegram –
💲 Facebook –
Micaela Soares – Descomplicando Sites.
#ComoCriarMenuMobile #MenuComPopups #ElementorPro