Currently the app has 2 hamburger menus (one from web-ui, the other one specifically for Android) which leads to very confusing UX.
I'm not sure what the purpose of the Android menu is, since the aw-webui menu already contains all of the information, so an easy fix might be to just remove the Android one.
Any UI customizations that the android menu has, can be done directly on the web-ui with a media query that only executes for certain screen widths(i.e mobile).
@media only screen and (max-width: 768px) {
#hamburger-menu {
position: sticky;
top: 0;
}
}
Currently the app has 2 hamburger menus (one from web-ui, the other one specifically for Android) which leads to very confusing UX.
I'm not sure what the purpose of the Android menu is, since the aw-webui menu already contains all of the information, so an easy fix might be to just remove the Android one.
Any UI customizations that the android menu has, can be done directly on the web-ui with a media query that only executes for certain screen widths(i.e mobile).