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

    The above navigation, how to hide into the sidebar after the screen width becomes narrower?

    Help
    2
    2
    183
    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.
    • R
      remmai last edited by

      The above navigation, how to hide into the sidebar after the screen width becomes narrower, as shown in the figure.Does Quasar have this component?

      nav img
      menu img

      1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel last edited by

        https://quasar.dev/style/visibility

        “You can also show some DOM element or component if it’s lower than one of the sizes. Same for greater than one of the sizes. Just attach lt- or gt- prefixes, which come from “lower than” and “greater than”. Example: lt-md (display on xs and sm only), lt-xl (display on xs, sm, md and lg windows only), gt-md (display on greater than medium windows: lg and xl).”

        So the below example will only be displayed if the screen is bigger then ‘sm’ size:

        <foobar class=“gt-sm”>…</foobar >

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