Remove menu from mobile

Support
#1

Hi,
I’m trying to use ui both for mobile and desktop users.
For mobile users I had create a menu with buttons, is there a best way to remove mix default menu from mobile views only?
I would like to remove Home div from page
Thanks

IMG_4951

#3

Hi,

  1. Create a CSS file with name vaadin-app-layout.css in the components directory within theme folder, e.g.: frontend/themes/<theme-folder>/components/vaadin-app-layout.css.
  2. Add the following to this file:
[part='navbar'][bottom] {
    display: none;
}
  1. Add vaadin.frontend.hotdeploy=true to application.properties otherwise the file above will be ignored.

Regards,
Gleb

1 Like