Σ 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 🙂

I just found a cool coat pen snippet online which is a hamburger menu that's opening and closing and I thought it would be a cool time to introduce the new attribute that we have which is the menu attribute and to show you how I use it so I'm going to generate this into an elemental dynamic editable widget using the widget greater by unlimited elements hopping into WordPress gonna click add widget give that a title click tab the name is filled in automatically and I'm gonna click add widget double click to edit the widget that you've just added you can give it a name sorry an icon if you want so I'm gonna give this this hamburger icon and in the HTML we're going to copy and paste our HTML same thing we're going to do with CSS and the next thing what we're going to do is we're going to replace this UL li which is a list into a wordpress menu that's coming from our appearance menus from the WordPress itself from the WordPress admin itself and it will be dynamic instead of a static list to do that I'm going into attributes add attribute and in the attribute type I'm going to select menu gonna give it a title click tab the name is filled in automatically if you want you can give it a class or HTML before and after and click Add attribute inside of the HTML I'm just gonna replace this whole static UL li to the wordpress menu attribute that we've just added click on that it's added and now we can test this out to see if it's working I'm gonna add a new page and of course I'm going to edit that page inside of Elementor and when Elementor loads I'm gonna search in the widget pane for my so we called it full screen navigation menu I'm gonna drag that inside and here's our hamburger I'm gonna click on it and I see it's working perfect that's I think now what I'm going to do is I'm going to just place this on the top right of my website now to do that I'm going to choose advanced positioning width I'm gonna select inline Auto so it's not full width anymore and in position I'm gonna choose fixed so now even if someone Scrolls down or up and he won't have a problem and I'm going to snap this to the right and maybe 20 pixels from the right and 20 pixels from the top click publish to save and I'm going into preview over here in preview here we go we got our cool menu effect and that didn't take too much time very very simple and now you can achieve any design menu you want and design any menu you want using the widget crater by unlimited elements .

Video Discription

In this video i show how i take a code snippet from online and i create it int and Elementor widget using the new field which is the menu field.

 

InterServer Web Hosting and VPS

Leave a Reply