Design WordPress Sidebar using Elementor Pro

Learn how to design WordPress website sidebar using just Elementor Pro and make it theme independent. WordPress sidebars provide important navigation links to users in a very accessible way.
Get Elementor Pro:
wpalgoridm.com/elementor
New Elementor 3.4 Custom Breakpoints:
• New Elementor 3.4 Cust...
➜➜ Elementor Theme Builder tutorial:
• Design WordPress theme...
➜➜ Start Your WordPress website now (From the scratch):
• Install WordPress on D...
➜➜ New to WordPress?Start Here:
• WordPress Tutorial for...
➜➜ New to Elementor? Start Here:
• Elementor basics
⚡️⚡️ OUR FINEST RECOMMENDATIONS ⚡️⚡️⚡️
Pick from best recommendations for best WordPress hosting, best WordPress plugins and themes below
► ELEMENTOR AND ADD-ONS ◄
► Get Elementor Pro - wpalgoridm.com/elementor
►Dynamic content plugin - bit.ly/designdynamicooo
► Unlimited elements pro - bit.ly/designunlimited
►Crocoblock - bit.ly/designcrocoblock
►Ultimate add-ons - bit.ly/designuae
►Exclusive add-ons - bit.ly/dsexclusive
► BEST HOSTING ◄
►SiteGround - bit.ly/dssiteground
► BEST WordPress THEMES ◄
►Astra Pro - bit.ly/designuae
►Neve Pro - shrsl.com/2a728
►Gutenix pro - bit.ly/designgutenix
► BEST WordPress PLUGINS ◄
►WPForms - shrsl.com/258qs
►WPVivid pro - bit.ly/designwpvivid
DISCLAIMER : I may earn a small commission from the links above that won't cost you more but rather help me create more free content for you. My recommendations don't affect the content that I create.

[@amie3605]

Wow! You just got a subscriber. This video is soooo wondering. What I've been looking for a very long time.

[@wpalgoridm]

Welcome aboard!

[@visualmodo]

Excellent video!

[@wpalgoridm]

Thank you.

[@Meliovation]

Very helpful and detailed tutorial. Q: When would you use this technique (Section template embedded in Post/Page template) versus using the Elementor Sidebar widget? Is there an advantage or disadvantage of each? Thanks!

[@wpalgoridm]

Elementor sidebar if you want your theme to have control over layout, but this method gives you theme independent solution.

[@beyazlamor5591]

Does the sidebar show correctly in the mobile view??? I mean does the sidebar show after the main content in mobile or does it devide the mobile screen and show on the side like the desktop view?

[@wpalgoridm]

Yes, as explained in the video change columns width percentages on different devices.

[@AidanJoyce]

Thanks for the video - But what you demonstrated did not show a decent sidebar. What it showed was broken, overflowed or squashed.
While I appreciate it is doable with Elementor effort and tweaking, it looked especially fidgety / tedious when showing on difference device types.
In conclusion, it was helpful to see the method to achieve the sidebar using template insertion, but the sidebar itself which you created was in my opinion, a Fail.

[@wpalgoridm]

It was a rough draft design for the sidebar, you can checkout wpalgoridm.com/blog for a working sidebar.