Vertical Header in Elementor With Side Bar Navigation - [Flexbox Container] In 2024

[@WebSensePro]

Hire Us On Fiverr For Customisation/Designing in WordPress/Elementor: www.fiverr.com/s/87Q2D4

[@celer-cbe-tn]

Thanks a lot! Kudos

[@WebSensePro]

Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

[@danishiqbal4367]

Waiting for it.. Hope to learn something new today.

[@WebSensePro]

Thanks

[@FreshGraphiXde]

hey guys and thank you. i have an issue: how to make the page contents centered dynamically width this sidebar-header? the main content actually will lay behind the menu. when i give the content a margin or padding, it will look stupid when the sidebar is minimized. What to do?

[@WebSensePro]

Not clear about your issue, contact us for paid support if you want us to fix issue on your behalf

[@jeffpesos]

CSS code is full of errors and the functionality doesn't work at all. it doesn't open or close as many mentioned already in the comments. Waste of my time

[@WebSensePro]

Which CSS is wrong?

[@CodEXrm]

code not work when am logout

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@parvezacademy]

I don't found any JS code option of Header Setting. Please help me.

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@ammarmuzaffar799]

Hey can someone share the code that helps in reducing the content on screen when the header is opened (for desktop and tablet).

[@WebSensePro]

Contact for support, link in description

[@inamullah4711]

good and very good but it hide the content on the pages .. for mobile it is fine but it show problem on pc and on tablet.. just guide us please.

[@WebSensePro]

A little CSS tweaks will be able to help you

[@BrahyamMosquera]

I fix it by replace some code: In the main container css replace this: var(--width) for 250px and var(--narrow-width) for 80px. This is because elementor doen't accept css variables. I Leave this comment here for someone that need this fix like me 😆 and Thanks you @WebSensePro for this wonderfull tutorial.

[@WebSensePro]

@@BrahyamMosqueraThanks for contributing

[@shawarm444r]

@@WebSensePro Really appreciate this! Did you update the code on the site with this fix already or we have to fix it ourselves? Thank you

[@MuhammadUmair-mx3wt]

​@@WebSensePro Hey Plz help me. I designed a header but then i create a page the page content is dissappear in the header. How i can decrease the with of the pages that the content are not understand the header. Plz help Thank You

[@memechor2209]

I am trying to add JavaScript code, but the option is not showing to add. Kindly Help me

[@WebSensePro]

Whats the error?

[@jackmars5583]

Use html widget and dont forget to add on beginnig of code and in the end .

[@corrihawk1923]

Hello, the Sideboard Toggle dosent work… i Need help

[@WebSensePro]

Sure, please contact via websensepro.com/contact-us for paid support

[@pablomarinperez6464]

Have you already solved it? It doesn't work for me either.

[@ErnestoDionisioJr]

it needs plugins

[@WebSensePro]

Meaning?

[@ammarmuzaffar799]

the code for toggle icon is not working

[@WebSensePro]

Contact for support, link in description

[@zackkastner2851]

was this solved? the code doesnt work for me either

[@nvrydeck3202]

how about dropdown menu?

[@WebSensePro]

What about it? Is it not working for you?

[@pablomarinperez6464]

Have you already solved it? It doesn't work for me either.

[@FlymotionDesign]

what if implemented in elementor free?

[@FlymotionDesign]

i dont have elementor pro, please make a tutorial for elementor free

[@WebSensePro]

Sure, please subscribe so we can create tutorial for free version

[@FlymotionDesign]

@@WebSensePro welldone

[@rakibhossain1816]

please make for Elementor free also

[@hasinulhudaenu8098]

why she is talking like that??

[@WebSensePro]

Because thats how she talk 🤣🤣

[@Comander311]

Why a yu gai?

[@Comander311]

And worst of all... Indian.

[@clanmrn]

@@WebSensePro sounds like an AI voice