Ξ£ Sigma Hosting is mainly a video tutorial website

Ξ£ Sigma Hosting is mainly a video tutorial website that make it easier for you to search within the transcript of videos for solutions of problems you might face during your journey in dealing with different webhosting companies. So, we are very sorry if the text is not well organized and we may work on it in the future but for now we hope you get the benefit mainly from the video then you may need to have a look on the transcript. Thanks for your understanding πŸ™‚

hello in this video I want to show you how to solve a need rather common for those who use element ie the ability to create a menu of navigation that allows you to navigate between the various sections of a page then not like a classic less than a wordpress site that allows you to switch between page to the other but of a menu like this that allows you to access the various sections but always remaining on the page and I will show you this solution either by using element rin free version or by using element pro let's start the first method that can use can be fine if you use the free version of red element to the free one in the free version in fact it does not have some modules available such as the dedicated one to the menu and not even the ability to lock the top menu position when the page scrolls I want to show you how also with the version free of element you can do something about it either create some sort anyway menu to access the various sections of the page then we start a page created entirely with the element so this page is all created with element is up here we create a new section so clicking more we create it space for this section then drag the module into this section icon list I drag it by default this module presents each individual element of the list vertically or one below the other just click on this setting relative to the icon list module to display items online suppose you want to create 33 entries minus then one that reports for example to this section one that reports this is one that takes them to this c so that clicking them takes them directly to that point the first thing you need to do is use or within element click here and look for the menu anchor widget here it is anchor so you drag the anchor of the menu at the points where you want the inter to end up so for example here above we can place it for example here and give an example name to this one section let's look for a new menu anchor module and go to insert in this section for example here and we call it 2 let's create the third anchor module so we drag here and there we see above and we call it 3 at this point we have created an anchor module here for this third one section one here for the second is one here here it is for the first once there we created it for us just go and customize these items suppose now for simplicity to remove these and create there they are and these items without an icon then and we call the first we call it 1 ok lo duplicate and create the second menu item we call it 2 duplicate i again play a we create the third menu item and call it 3 ok very important now equa follow me carefully how to link those anchor modules we have created earlier you remember that we called them 1 2 and 3 to link them it is sufficient to write hash one very important meters the garden gate 2 and for the 3 gate 3 at this point we can also customize these to a minimum items so for example we can center them you can also set a space intermediate ok type of 20 pixels and if you want you can also set a background for this section then just select the section set a background and for example we put such background ok and let's customize the color of these icons of these texts for a moment be color of the text we assume we want yellow and this when there we hover over with the mouse then we update we go to see the preview let's try to click 1 and you see that go to section 12 go to section 23 go to section iii this is because having created the menu anchoring in the various points of the page in these links we have recalled them those points that allow us to quickly access those sections but now let's see how to create something similar but much more advanced using pro element having activated now on this page the pro version of element arts show an additional function than the version pro point makes you available, for example, to block this top this section as you scroll down the page then keep it fixed in up although the page scrolls down, simply select the section corresponding to this this area of ​​the menu let's call it so go in advanced or kay in motion effects you can select in fixed motion effects at the top and both on desktop both on tablet and on mobile for example just click update go the preview is now by clicking 1 2 and 3 you see that you directly access the various points on the page but the high bar is still evident ok let's say that the trick using the icon list that was shown at the beginning of the video it works pretty well when the number of links is small if you want to create a real menu that is a menu that works like a real menu own and therefore also from furniture adapts and becomes in the mobile version and which allows more customization possibilities to do this is need to create a new menu and use the form and navigation of element pro and I repeat it is a module that however is present only in the pro version element so I now go up here delete this list of icons and go to fish among the element widgets in the pro version here it is what it is call navigation menu in this case I drag it into this section here is a real menu that allows me to go fishing the menu of wordpress that I created in the less point section of wordpress if I wanted to create a new menu for use on this page do you remember that I created sections 1 2 3 so first I have to go in the wordpress dashboard in the aspect section and then menu and create a new menu so click here this link I call it menu test create less personalized links and as vrl I write gate 1 fair I suffered 1 add the menu create a second link 22 add the menu create the third link hash 3 and I call it 3 adds the menu after I save it the menu a this point went back to my page created with element the day and do once finished refresh I recycle on the menu above and in the section edit navigation menu under menu item I go to choose menu test that that just created you see that by doing so it goes back to the three menu items we just have created on wordpress in this case we can go to customize the menu navigation then all aspects of that element pro also allows us animation what else and everything you can set on this menu for example also in the mobile version you can see that the menu is activated in mobile mode therefore while with the first version ie the free element we had simply created three links in high which served as a menu but did not act like number and right in this case we have a real wordpress menu which also behaves in mobile version in a perfectly responsive and functional way once we're done just click on the day and let's go see also in this case the preview and here the menu works perfectly one thing using this tool you will notice is that in some cases when we place the anchor menu exactly above a point you see that clicking actually going to clicking on the link will get you just exactly that spot by hiding a bit the section so it would be useful for example clicking will make it so you you arrive in a bit earlier so you leave the space how to get this result is very simple just go to the quadi element section go here in advanced settings and at the level of personalized css of all the page just enter a css a css code like this if you are watching this video on my blog you find this code immediately below the video if instead I watch the stand on youtube find the link to the article on my blog in the video description once clicked update I go to see the preview and see what time it is by clicking greater margin so I'm not going to end up hiding the writing but it appears exactly before leaving some space so you don't eat any texts or images but wine left some space .

Video Discription

Ti mostro come creare un menu di navigazione per accedere alle varie sezioni di una pagina sia con la versione gratuita di Elementor sia con Elementor Pro. Questo tipo di menu Γ¨ utile nelle landing page o nei siti monopagina.

???? Qui trovi l'articolo completo con il codice CSS che ho mostrato nel video:

✍️ Qui tutti gli articoli e tutorial su Elementor:

???? Qui puoi acquistare la versione Pro di Elementor:

β–Ά Plugin WordPress che ti consiglio
βœ“ Gravity Forms –
βœ“ UpdraftPlus Backup –
βœ“ La lista dei migliori plugin –

β–Ά Temi che ti consiglio
βœ“ GeneratePress –
βœ“ Genesis Framework –
βœ“ Astra –

β–Ά Migliori Hosting per WordPress
βœ“ SiteGround –
βœ“ Kinsta –
βœ“ WPEngine –
βœ“ CloudWays –

β–Ά Seguimi
βœ“ Il mio sito –
βœ“ La mia pagina Facebook –

 

InterServer Web Hosting and VPS

Leave a Reply