Fixed Sidebar with Menu - Elementor Wordpress Tutorial

Fixed Sidebar with Menu - Elementor Wordpress Tutorial

We love to create - share - respond - and deliver.

Hire us to work on your Website!

[Jim.Hummel]

Super effective. Your style of showing these techniques is fantastic. These tutorials are so actionable and can be recreated quickly! Thanks for sharing!!!

[LordJHouse]

Wow, this is awesome! I've been looking for an Elementor Sidebar tutorial for awhile now, but all of them required 3rd party plugins, or the tut was kinda Micky Moused. The way you teach it though is super on point, precise, and proper...even down to the 200px sidebar padding on desktops assuming your menu is 200px. That makes complete sense. I'm bookmarking this video for sure. Thanks so much!

[samwillun]

You are one of the strongest Elementor users on YouTube, and I have learned a lot from your videos. Thank you sincerely bro~!

[learnearn]

Hey Imran, I'm lucky I've been spending 2 hours a night on it but I didn't know how to do it. But I found a solution. I did it the other way. Yes, your tutorial is also very good. I always look forward to your tutorial. Thank you for this tutorial.

[Tesssynka]

Thanks, very useful tutorial. I used it for Elementor template so i dont need to set up 200 px margin.

[Faith]

What if I wanted to add a customized menu other than the header menu? Thank you for this helpful tutorial!

[QuaverloveStudio]

Thanks for that, Imran. Very handy, indeed!

Before you added the image, you said a left margin of 200px... but then you used padding instead. 
Is it just a case of tomato tomato, or is one more fit for purpose than the other?

[AlbaCastroCovarrubias-pons]

Hey! I'd like to make my sticky vertical menu sticky until reaching the footer and then stop it there. So far it is going under the footer because I wrote on it a higher Z-index but it is not the result I am looking for. Could you please give a solution for this problem?
Thank you so much! I adore your videos! :)

[JasonCollins-eo]

Great video, and thank you for the tutorial! Quick question, when I add an image to the top of my home page, there is a white empty space to the right of the image that goes to the edge of the screen. How do i extend the image to be full width of the container when full width is already selected for the container?

[holliswebb]

question, my e-friend; can i use a fixed container high z-index instead of a "header"? excellent presentation and as always, has left me thinking about directions i'd like to go in thx

[onbeefpv]

Hello thank you for the video it's great, I wonder if you'd be able to open the menu only when hovering over the mouse? thx

[Sashad]

Nice tutorial 👍
What about the same menu for all pages on the site?

[davidspot]

Will this be the same procedure when making it a header template?

[cipher]

How well does the containers work for actual e-commerce today? For an example integrated with WooCommerce

[caknuckler]

Every time I think I have a design in my head I watch one of your videos and think..oh page. Your killing me.

[retchienavarro]

Hi, I know this tutorial has been posted 10 months ago, but I can still ask something?

How do I add a scroll bar if I wanna put more than menu in it?

[haley]

When I set the position to fixed, the links in the header become unclickable - why is that?

[enjoycoding]

I could not get the header in a container. So, the height of the header box can not be changed. What am I missing ?

[MyTubezx]

How open the page on same box...like we have in Website builder in godaddy...in sideline theme....I mean if we click on Home or Services or contact us tab menu..it will not open new page but in same mean one page website with menus...

[corncerts]

what if I want to edit a sidebar in an existing page? I've done your tutorial but on an existing page however when i published it, the buttons are unresponsive pls help