hello everyone in this video let's see how you use the problem element block 2 the menu that basically allows us to add a toolbar navigation and a menu bar to be able to move through the large parts of our site before doing this we have to make some adjustments first I want to do is change the subject ok until the workshop I have worked with general of pres but well I will use now astra since it is another very used theme let's go here I just installed even if they don't have it remember nothing else they will give you to add new they will look for it as astra they will install and activate it and ready let's see here where it says activate or deactivate the extra theme that is also a very good theme, one of the ones that I use the most and well what we are going to do here is going to be the next thing we are going to go to the less part and we are going to create a menu because the menu I have by default is a menu that is created by default we will create a menu with links For example, we are going to put it here called menu main we will create it if we do not have menus we can not use the block ship well this will be the primary menu and we will add the links for example I will add as links custom to add the two for example I will add let's add for example here we we are going to put here only answer him services joy tactfully obviously if they already have the pages must be added but since I have it pages here I am arriving only these here now I'm going to add some options to see what the submenus for example inside we are going to use history let's use mission and we are going to use vision and we are going to add one like more for example I will add here write us we visited this more or less is a structure of a web this let's say traditional of a cooperative here write I did not put it twice I will erase how well we will do now in ours we are going to locate us here bayern mission story and vision we are going to pull it and we are going to put it here is history mission and vision Gallery services and in contact we will write us and visit us that we have to a menu gonzález save another menu we do not care so much that they do not have the real I just want to see how it's done and now I have this right here I will come to create a new page again so that you can see the options that will change now here add no we already saw how to configure the page se they use general we lend you to see how to configure we use them astra so here we can do some options let's go to settings for example here we are going to put what to do full width elements our page I am not going to put several sides and if more side Stretched setting and here you will disable all featured image title header and foot we are going to remove everything because we want the pure page to remain in White ok once you have configured this part of here we are going to click on edit with elements we can see how the completely empty page has absolutely nothing right I want to add the navigation bar at the top this is not going to be particularly useful when we see the templates the header templates for example but we go by steps because here we just want to create and see how it works the option is of the nakba we are going to put here before complete and we are going to add here we are going to element blocks and I'm going to add the illusion menu nap we have here above here is the main menu see how it appears here automatically and it's time to start configuring well the first thing we have to do here is the layout as it will be horizontal it can be vertical or it can be drop down or 1 like this as they are done on mobile devices I am going to leave it horizontal how far is it going to be aligned I want it or anything to the left because well after this the pointer in deep line when the mouse passes see as I press one line down I can change that effect here so that the line is up I have several square options that like a square or double line the options I have here the animation has been on facebook but I can change it by slide as it changes according to what we want here there are several things to select which we need the indicator to your menu for example it is stable cheetah but I can change it here for example angle or for this for example more the one we want here I have to specify the point at which it is going to be a responder in the point at which this structure will change the structure is here ok so in this case it is at 1,025 pixels but the we can change here for any other ok in this case for example – quite simple so here maybe you can put it directly to mobile and not leave it on a tablet as the board would fit in this configuration then in the part down here we have and we want it full width that if the alignment I will be doing centered aligned to the mini entrance the hamburger effect is this the future hamburger is this we have here comes this that this button after we want to enable it no we want to enable if it did not enable it when I come here to mobile bam like this appears like this, ideally it will be better to enable hamburger and the hamburger I want to put it to the left until the right but then if I don't come here they go as the button is, it will be here on the right again I on this side just put the logo of the site that's why I'm leaving this this good space after this the exhibition continues what would be the part of the style we are going to format basically here we have the typography let's go to the options we have already seen what would be the size weights equation have lines between letters etc. let's go to the color part right now of the north text is black, gray suggests black is the thickness of the pointer for example here I can modify it horizontal parent is to the separation between the different menu items for the more or less also the vertical part is larger more wider less wide longer less long taller less the height – height the the space between these are the separations between the different menu items here we adjust it also here we have for the state the normal state it may be that for example the state above or you are in this black it may also be that the color change for example to lose and the effect this pointer can make it change also to put a blue one and also blue only so they can verify and can modify via all the positions of space and others if you want this to change ok and in active state is active is where I will put if the page of home now the home page when i exit on the services page these services have to be seen in a different to indicate that I am on that page we are going to change here the color to a blue color right now I'm not in any of these for that no no i don't see the option and I can also change that with this being in the active state is I am in the page to which it points I can change the color by the color of the pointer or the lines that appear and customize everything below the drop down that is this option that we have here we can also customize for example here the color or as we want to agree the text we give to select the color here for example green is green the background color if we want it to have a color or we can put a color with transparency for example I can select a green cited but with transparency what we want is a matter of creativity here the type of the edge we can select well up here these options from here above the normal state also applies when the mouse passes they would be over before here we can change here also by example by blue what we are going to put the best white and in the active I can also put both the background color and the color We are going to put the color this and the color of the text we are going to put in black that it's just so we can see when we're testing why well type of border I can put a border to this option from here I can put here in width I can put the lime color I can put a radio here so that it is not completely straight can add shadow to it I can set the horizontal and vertical padding so that not be so stuck for example if I want it to be a little more stuck this section of the riva could put a bit of vertical padín and see like here we are standing texts vertically separator I can to make separations between sections that apply when they are forms but when they are navigations or its very large menus we can group here you can put a solid state by put a black color here I do not have a company I do not know that but hey if you added it can be applied here Bolton tea what is this button that would be the hamburger button let's put it color blue background and the color will be white ok here to verify the best we will go to a mobile view and here we can see it we will modify the size if we want make the edge bigger the smaller the radius customize it because it looks the best possible well then this part of that form sorry we will be finishing with the part of the customization of the navigation bar what we would lack it would simply be in the advanced part that we have seen the margins of the fill separation an input animation here you can customize the input emotion an effect scroll by fields and I want this to be fixed the navigation does not move you can put up here and then I when we have content of something is going to always stay at the top you can enable the different views we were in the corresponding video in the background I can put a background to the whole all navigation ok for example we have an image images I do not put something like that the colors are already customizing them I can also add a border to it The width to the present time to indicate this where it will be seen if I want them to hide the views can be hidden although here it is not so necessary because automatically it will change the hamburger mode of the hamburger button then it does not take care I also stay so then we are going to publish here and basically that way we have seen how to configure what our navigation bar would be remember that they have many configurations obviously for example here in this case so that the lines are seen I would personal here remove the edge but well I just did it so you can see that it actually works effectively so that they see that if it works then basically good this form has ended with this block basically which allows us I repeat it is simply to show a navigation bar and give it the format that we would like there are interesting options such as the effects of when I put the mouse and the different effects when for example pass the transition for the different buttons ok for sica mind for this we will serve well before finishing I want to invite you to david dotcom currency where you will find a wide variety of digital marketing courses and work all for a monthly subscription of 10 euros but also if you subscribe with these 10 euros per month in addition to having access to the courses you will have access to technical support so that you can ask your questions, ask your questions and download plugins and premium templates so you can follow the lessons or you can carry out in your personal projects If you liked the video, like it and share, you can also subscribe to that youtube notify you when we upload new videos of the course and then to follow the flow of all the videos of the course so that you see in order finally I want to invite you to use the comment box to ask your questions questions even suggestions for new videos or new courses believe me that we will take them into account thank you very much for your attention that you have an excellent day and until next time .
¿Aún no tienes Elementor Pro?* Puedes ver todas sus características y precio desde aquí o descargarlo gratis desde mi zona premium en www.davidibiza.com en su última versión.
►Suscribirse Zona Premium davidibiza.com:
►Curso de Elementor:
► Curso de Elementor Pro:
* MIS REDES SOCIALES *