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

    Disable q-menu for some breakpoints

    Help
    2
    4
    216
    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.
    • P
      perelin last edited by

      Hi all,

      any ideas how I can disable a q-menu for some breakpoints? For example:
      I want the q-menu only to appear when the viewport is larger than md.

      I tried to use the visibility classes like <q-menu class="gt-lg"> but the menu is still shown when clicking on the parent.

      Any pointer is appreciated!

      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @perelin last edited by metalsadman

        @perelin use https://quasar.dev/options/screen-plugin along with v-if.

        1 Reply Last reply Reply Quote 1
        • P
          perelin last edited by

          Brilliant! https://quasar.dev/options/screen-plugin was Exactly what I needed 🙂 Thx!

          It might be helpful for some people to add a hint to this to https://quasar.dev/style/visibility#Window-Width-Related - Ill create a PR for this.

          metalsadman 1 Reply Last reply Reply Quote 0
          • metalsadman
            metalsadman @perelin last edited by

            @perelin sorry, just noticed I messed up the link above.

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