No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to hide sidebar completely

    Help
    2
    3
    1488
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jctrebalag last edited by jctrebalag

      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

      1 Reply Last reply Reply Quote 0
      • B
        BigAppear last edited by

        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

        1 Reply Last reply Reply Quote 1
        • J
          jctrebalag last edited by

          Thank you ! It worked. Problem solved !

          1 Reply Last reply Reply Quote 0
          • First post
            Last post