Search code examples
javascripthtmlcsscordovahtml-framework-7

Framework7 : how change side panel width?


I need to change the width of side panel in framework7 ??

https://framework7.io/docs/side-panels.html


Solution

  • Just change css of class panel.

    default value (in framework7.ios.css) :

    .panel {
        z-index: 1000;
        display: none;
        background: #111;
        box-sizing: border-box;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        width: 260px;
        top: 0;
        height: 100%;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }