dokuwiki-templates-extra/templates/55/minimal/css/mobile.css

/*For mobile */
@media screen and (max-width: __mobile_breakpoint__) {
    #view.right-column {
        padding: 16px;
    }
    #main .container {
        flex-direction: column;
    }

    #main .left-column {
        width: 100%;
        display: none;
    }

    #main .right-column {
        width: 100%;
    }

    #navbar .left-column {
        flex-grow: 1;
    }
    #navbar .right-column {
        width: 100%;
        padding: 20px;
    }

    .table-responsive table {
        min-width: 800px;
    }

    #navbar .left-column a.site-name
    {
        margin: auto;
    }

    /*Nav bar for mobile */
    .mobile.icon {
        display: flex;
        align-items: center;
        padding: 16px;
    }


    #sidebar {
        width: 100%;
        display: none;
    }

    #navbar .right-column {
        background: rgb(255, 255, 255);
        position: absolute;
        flex-direction: column-reverse;
        right: 0px;
        z-index: 1099;
        align-items: baseline;
        width: 100%;
        top: 60px;
        display: none;
    }

    #navbar .right-column .icon, #navbar .right-column a.navitem
    {
        display: flex;
        gap: 16px;
    }

    #navbar .right-column .icon.dropdown-toggle::after
    {
        align-self: center;
    }

    #qsearch__in, .search, #qsearch__out
    {
        width: 100%;
    }

    navbar .right-column .options
    {
        flex-direction: column;
    }

    navbar .right-column .menu:not(.mobile-menu)
    {
        display: none;
    }

     navbar .right-column .mobile-menu.menu, .mobile-menu.menu .list
     {
        display: block;
     }
     navbar .right-column .options
     {
        width: 100%;
     }
     
     navbar .right-column .mobile-menu
     {
        padding: 0px;
        border: none;
        display: flex;
        flex-direction: column;
     }

     .mobile-menu.menu .list
     {
        position: relative;
        top: 0px;
        border: none;
        z-index: 1;

     }

     .dokuwiki .wrap_box.wrap_side.wrap_big, .dokuwiki .wrap_box.wrap_side
     {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
     }

}