Hello @ slope game, you can use JavaScript to store the collapsed state of the sidebar in the browser's local storage. When the sidebar is toggled, update the local storage accordingly.

Example JavaScript Code
javascript

Copy
document.addEventListener("DOMContentLoaded", function () {
const sidebar = document.querySelector('.sidebar'); // Adjust selector based on your HTML
const toggleButton = document.querySelector('.sidebar-toggle'); // Adjust selector for your toggle button

// Check localStorage for sidebar state
const isCollapsed = localStorage.getItem('sidebar-collapsed') === 'true';
if (isCollapsed) {
sidebar.classList.add('collapsed'); // Add class to collapse sidebar
}

// Event listener for toggle button
toggleButton.addEventListener('click', function () {
sidebar.classList.toggle('collapsed');
// Store the current state in localStorage
localStorage.setItem('sidebar-collapsed', sidebar.classList.contains('collapsed'));
});
});

The Community-Driven Education is the best to help us and provide great results. The Project Ownership Where it Belongs is amazing and I like that you shared this post for us to know about these ideas. Also from https://www.examstrust.com/ I realize that it is more helpful for us.

Hi

You can set the sidebar minimized by default.

<ul class="px-5 py-0 m-0"> <li class="py-2">Add data-kt-app-sidebar-minimize="on" attribute on the body element. <li class="py-2">Add active class on the toggle element (id=kt_app_sidebar_toggle). <li class="py-2">Set data-kt-toggle-state="active" attribute on the toggle element (id=kt_app_sidebar_toggle).

Thanks