Foundation 5 off-canvas full height of device

后端 未结 4 1418
说谎
说谎 2020-12-25 12:21

I\'m using Foundation\'s off-canvas navigation, attempting to make a navigation that takes up the full height of the device.

By default, the height of the menu opti

4条回答
  •  生来不讨喜
    2020-12-25 12:48

    This is the best way I've found and its pretty simple and non-hackish
    NOTE: this only works on some css3 browsers. Compatible Browsers


    Sass Version:

    .off-canvas-wrap {
      .inner-wrap{
        min-height: 100vh;
      }
    }
    

    CSS Version:

    .off-canvas-wrap, .off-canvas-wrap > .inner-wrap {
      min-height: 100vh;
    }
    

    Edit:


    Foundation 6 sites version

    .off-canvas-wrapper-inner, .off-canvas{
      min-height: 100vh;
    }
    

提交回复
热议问题