When I enable the sidebar navigation, the sidebar shows by default and the first time a user clicks the menu icon, it will hide the sidebar. Can I reverse this setup, so the landing page shows in full width on initial page load and when a user clicks the menu icon it will reveal the sidebar?

Hello Nolo, I’ve made a component to achieve this. I hope it helps :slightly_smiling_face: [صورة] GitHub - VaperinaDEV/closed-sidebar-by-default Contribute to VaperinaDEV/closed-sidebar-by-default development by creating an account on GitHub.

This is somewhat similar as the sidebar seems to be controlled by aria-expanded attribute [صورة] Way to default aria-expanded true for quoted internal links? support I’d like to show the content of a quoted post (link) by default The expand arrow is a bit too subtle. Wh…

Thanks for sharing this! That would be this approach: <script> $(document).ready(function(){ jQuery(function(){ jQuery('button.btn-sidebar-toggle).click(); }); }) </script> Which effects the sidebar to slide to the hidden state. So there’s an automatic animati…

Oh yes that helps indeed! :smile: That’s what I fumbled with but couldn’t get it to work… Thanks so much for sharing @Don :star2:

Thank you, Don! It’s brilliant!

هل يمكنني جعل الشريط الجانبي مخفياً افتراضياً؟

الدعم

hiddenseal 26 يناير 2023، 3:06م 2

هذا مشابه إلى حد ما لأن الشريط الجانبي يبدو أنه يتم التحكم فيه بواسطة السمة aria-expanded

الموضوع		الردود	مرات العرض
Is there a no sidebar by default option Support sidebar	6	120	14 أكتوبر 2025
Default close the sidebar tabs? Support sidebar	5	644	12 أبريل 2023
Switch left sidebar to the top? Support	6	167	22 يونيو 2025
Way to default aria-expanded true for quoted internal links? Support	2	600	15 مايو 2025
How do I hide the sidebar for anon viewers? Support sidebar	3	1033	31 يناير 2023

هل يمكنني جعل الشريط الجانبي مخفياً افتراضياً؟

الموضوعات ذات الصلة