Page 1 of 1

Scroll support in primary sidebar

Posted: 16 May 2020, 14:45
by auzair
Hi. I have purchased Morpheus template and am in the process of customizing it for my project. I am using the primary sidebar only (with icons) and have removed the secondary sidebar which opens which any icon from primary sidebar is clicked. There are several tabs in my primary sidebar and when they reach the vertical limit of sidebar, they disappear without any scroll mechanism.

I want to know how can I add a simple but narrow scrollbar when the tab count exceeds the visible height of primary sidebar?

Re: Scroll support in primary sidebar

Posted: 06 Jul 2020, 14:01
by merve7
Hi,
If you removed the secondary sidebar, you can add "overflow:auto" in layout-tabmenu class. Like the below code;
src/assets/sass/overrides/_layout_styles.scss

Code: Select all

body {
    .layout-wrapper {
        .layout-sidebar {
            .layout-tabmenu {
                overflow: auto;
            }
        }
    }
}
But, if you use the secondary sidebar, this solution doesn't work and we recommend to use the minimum tab item (primary sidebar).