How to hide sidebar completely



  • Hi all,

    I want to hide my sidebar when screen size is greater than md (so display on xs and sm). It works fine for the menu but the aside is still there empty (cf. picture)

    Thanks for your help.

    layout:

    ...
    <div class="lt-md" slot="left">
    ...
    </div>
    

    Picture(I emphasized the issue with red borders):
    https://ibb.co/izt0oa



  • I had the same issues few days ago, try:

    mounted () {
       this.$refs.layout.hideLeft();
    }
    

    It’ll directly hide the left slot when opening page. Would be nice if it’s directly closed instead, or maybe there is a thing in doc I didn’t see yet



  • Thank you ! It worked. Problem solved !


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.