How to collapse the menu

[Roopavathy]

Hi all,

I want the menu to be collapsed if another menu is opened. Herer Criterion I to be closed if i click on Criterion II. Please help.

http://bhc.edu.in/naac/CRITERION-V/5.1.1-Scholarship-Freeship-Provided-Government.php#homeSubmenu

[Nancy OShea · Accepted solution]

See if this helps you.

https://getbootstrap.com/docs/4.0/components/collapse/

[Roopavathy]

I tried. But it doesn't work.

[Nancy OShea]

I don't know what you tried, so can't comment. But the various solutions offered do work with Bootstrap 4.

[Roopavathy]

The issue was fixed.I want the side menu to be fixed and the scroll bars to be appeared. Kindly help.

thanks in advance.

[osgood_ · Accepted solution]

The issue was fixed.I want the side menu to be fixed and the scroll bars to be appeared. Kindly help.

thanks in advance.

By @Roopavathy

Replace 'sticky-top' with 'fixed-top' and add height: 100%; and overflow: scroll; to the #sidebar css:

<nav id="sidebar" class="fixed-top">

#sidebar {
  height: 100%;
  overflow: scroll;
}

[Roopavathy]

I tried the above mentioned code.Scroll bar is disbled as this. Attached screenshot. 

[Roopavathy]

It works perfectly good. Thank you.

[BenPleysier]

You could use Bootstrap 5 with the off-canvas component. I have created a video on somthing similar to what you need albeit using a different IDE.

https://youtu.be/vOi6TAK_YlM

[Roopavathy]

I am using bootstrap 4 only. Are there any possbilities to do the same here ?

[BenPleysier]

Have a look here https://mdbootstrap.com/docs/standard/extended/sidebar/

[Roopavathy]

Thanks Ben for your replies. I haven't worked Wappler so far. But came to know about this new feature. Thanks.