so hi guys honza here and welcome to this other video today I'm going to show you exactly how you can create a sidebar navigation menu in elementa and this comes after my last video that I released where I share that truly how to create a navigation menu but in this case it was a floating menu something like this and so I got a question from the elemental community and someone wanted to know how they can create a navigation menu that is actually like this without floating on top of the content in this video I'm going to show you exactly how to do that let's dive straight in in the previous tutorial I showed you how to create this kind of menu I mean the styling because what you basically need is having this section and then adding two columns and then you create the navigation menu on this hand so I wouldn't wish to repeat that if you wish to see how to get that you can head over to the video I'm going to put a link up here so that you can go through and see how to create exactly this so in this video I'm just going to show you how to make it a sidebar than a floating menu so this is how do it once you have your menu up there then you create a couple pages I just have the about page and the home page and you have your pages added to the menu which is here then you have this kind of setup that's how so I'm basically echoing my main menu which is here that I created and the one that is reflected here so once you have your pinions created for example the about page this is our about page looks like and to have it like these with the side by side you really have to make sure that on the creation part of it edited elementa when you're creating your pages or your page content you leave a specific column in your section so that each is the column but reserved further for the sidebar navigation and that sidebar navigation like that I have showed you here it is exactly 50% of the total section so that when someone is scrolling through your page then they the head out stick to the position which is the other thing you need to do when you create your pages is because when you use the header then automatically every the content will be below the header so when you have the content below the header then it means it will leave whitespace up here so how do you do that for example I'll show you like on my home page without the negative 550 pixels my navigation would look like how my head would look like this so when someone visits my page this is how it will look like so what you do for all the pages that you create you will have to add the negative of modules so that you have you wanted to move up and lever up with the navigation so that is a simple trick I use and just like you see here for the home page content fits well up there but the other thing I need you to know is that I personally don't feel comfortable to use the vertical menu on mobile and tablet devices so it's the reason you're seeing another navigation here which I'm hiding on desktop devices so guys that's how you can create a Sipan navigation menu with elemental and that blow so in case of any questions feel free to let me know I'll be happy to share with you and to help you around thank you so much for watching and see you in my next video .
This video comes after i made the previous one with a floating navigation and I got a question requesting to have a vertical navigation but NOT float on to the content.
And in this video, i'll show you under in 4mins how to create a vertical navigation that looks like a sidebar that will reflect on all pages.
Any questions?, hit me up in the comments.
Get a Domain and WebHosting
(Use coupon code * GOTECHUG60 * for upto 60.5% off all plans)
Get Astra Theme –
Get Elementor Page Builder:
Get Envato Elements ( Millions of creative digital assets):
Awesome Elementor Extensions (Addons)
Get Crocoblock Jet Plugins here:
Get Ultimate Addons for Elementor:
Get Essential Addons for Elementor:
Get Power Pack for Elementor here:
Get Premium Addons here:
Get Piotnet Addons for Elementor:
Get Smart Sliders 3 for Elementor:
Get The Plus Addons for Elementor:
Get Ulimited Elementor for Elementor:
Speed Up WordPress Site
Get LastPass Password Manager:
Hire on Fiverr (Get 20% off 1st Order):
*Join my monthly newsletter via blog*
*Follow GoTechUG on Social Media*
For business inquiries send to: firstname.lastname@example.org
*Snail Mail Address* (Send 'thank yous' and fan stuff)
Uganda, East Africa
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission at NO extra cost to you. That way, it helps support this channel and make more videos just like this.