How to set left sidebar is minimized as default

Hi all, I want to show left sidebar minimized as default. I have tried to add minimized props to AppSidebar element as bellow <AppSidebar fixed minimized>. When i reload page i see it looks good but when i hover the mouse on it, it doesn’t show child’s menu level. It’s behavior isn’t the same when i click on AppSidebarMinimizer element two times (that way works perfectly)

Thank all.

[xidedix]

Hi @ngoctai, @nithinkashyapn - thanks for pointing this out!

Please update:

• @coreui/coreui to 2.1.7
• @coreui/react to 2.1.4

<AppSidebar fixed minimized>
...
</AppSidebar>

From now on minimized should work as expected.

Let us know if this helps.

[xidedix]

Hi @fabiandeny you can overwrite css rule in src/scss/_custom.scss

.sidebar-minimized .sidebar .nav-dropdown-items .nav-link .badge {
  display: inline;
}

or sth like this