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: https://github.com/VaperinaDEV/closed-sidebar-by-default

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…

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 1월 26, 2023, 3:06오후 2

사이드바가 aria-expanded 속성에 의해 제어되는 것 같으므로, 이는 어느 정도 유사합니다.

글		댓글	조회수
Is there a no sidebar by default option Product Support sidebar	5	273	10월 14, 2025
Closed Sidebar by Default Theme component sidebar	9	411	7월 29, 2026
Default close the sidebar tabs? Product Support sidebar	4	768	4월 12, 2023
Switch left sidebar to the top? Product Support	5	364	6월 22, 2025
Way to default aria-expanded true for quoted internal links? Product Support	2	654	5월 15, 2025

사이드바를 기본적으로 숨기게 설정할 수 있나요?

Related topics