0

I'm using bootstrap 3 to build a side nav with a toggle hamburger button. Basically I've given the normal bar a certain width and then played with the classes .collapse, .collapsing .collapse.in, as these are the three different states of the toggle menu. My goal is to have the bar collapse with a steady movement and what is happening now is that the bar the menu opens well until the end of the content. In the end of the content, it breaks. The bar's height is 100% the size of the window and fixed on the left side while its width is around 400px. I've tried adding content to the bottom of the nav using position absolute and bottom 0, but no luck.

Thanks

nav ul {
    width: 245px;
}
.collapsing {
    position: fixed;
    z-index: 1000;
    background: #ba2625;
    top: 0;
    bottom: 0;
    box-shadow: 4px 6px 6px black;
}
.navbar-collapse.collapse {
    display: none!important;
    height: 100% ;
    top: 0;
    bottom: 0;
}
.collapse.in {
    position: fixed;
    z-index: 1000;
    display: block!important;
    background: #ba2625;
    top: 0;
    bottom: 0;
    box-shadow: 4px 6px 6px black;
}
Minal Chauhan
  • 6,025
  • 8
  • 21
  • 41
Velicious
  • 3
  • 2
  • 1
    add your html please. – neophyte Mar 17 '17 at 10:37
  • 1
    please make a fiddle or bootply with ur code, and upade it in ur question. – Nayana_Das Mar 17 '17 at 10:38
  • http://stackoverflow.com/questions/13119906/turning-off-twitter-bootstrap-navbar-transition-animation – Irfan Muhammad Mar 17 '17 at 11:32
  • @IrfanMuhammad That is a cool solution but I still want the menu to transition between heights, but I want to do it from 0% to 100%. What's happening now is that it runs smoothly until the height of the content and then brakes to fill the rest, without animation. – Velicious Mar 17 '17 at 12:35
  • Due to company's policy I can't add the actual code, I'll try to come up with an example. – Velicious Mar 17 '17 at 12:35

0 Answers0