Problem in 'desktop-only', 'desktop-hide' and 'mobile-only', 'mobile-hide'.

  • I am using a button which will appear only in mobile view. <q-btn class="mobile-only" flat @click="$refs.layout.toggleLeft()"> <q-icon name="menu" /> </q-btn>
    But the problem is when I make the page in mobile view, the button is not visible. and when it is refreshed, the button will appear.
    And the same thing is happening with ‘desktop-only’, ‘desktop-hide’ and ‘mobile-only’, ‘mobile-hide’