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

we often time use multiple windows in our website like this example on the top hands on the hater we have a menu and on the footer we also have a minnow but the problem is when they go to the mobile view as we can see it is showing toggle four footer and toggle four hitter as well if you use navigation with it in your footer and it shows toggle that's very ugly so I will show you how we can disable this toggle and show the menu item instead so this is very easy first of all we need to provide a class for our menu you know this we know for example let's add a class called menu underscore MOU by any menu with this class will show menu item instead of the toggle button so if we save this and let's preview this and if I inspect and go to the mobile view in google chrome as you can see we have toggle button so let's inspect this menu and this is our class Oh while underscore main oh and this is our toggle button so first of all let us go to the CSS editor we just need a little bit of small CSS that's all so let's take our class menu under scrap of I'll Manor mobile and first of all hot I need to do we need to hide this double for mobile and show the menu item so let's add a media query for mobile only Soler's like at media we took a media query so this code only works if our screen size is less than 767 pixel so first of all this is our class for our mobile menu so we need to hide the table so the class for this table is this one Elementor by no toggle so let us copy this class so menu under screw mobile then the double class and in these screen size we need to hide it so let's make it display none save and let's refresh this as you can see out toggle button is now hidden and now we need to show this menu item instead of toggle so that's very easy the class for our menu item is this one elemental nav may domain so let's copy this one before that we need to put our class that we have added and in this case we need to make it display:block there's a bit and let's refresh so now as you can see our menu item is showing so this is how we can show the menu item instead of the travel button .

Video Discription

Hi guys in this short tutorial i will show you Hide menu toggle button on mobile in Elementor . this is very easy. we just need some css. thats all

 

InterServer Web Hosting and VPS

Leave a Reply