It seems there is a small conflict between this and F NAV Mobile Navigation Tabs, which moves the Notification bell to the bottom of the screen. It still functions fine, but where the bell should be in the header, it’s just a blank space. Tapping that blank space opens the same menu as tapping my profile picture.
Thanks for pointing this out! I don’t see how I’d make this compatible though.. Using both components at the same time will likely lead to other ux and style conflicts, as they essentially introduce the same menu, but with slightly different template implementations.
I can only speak for myself and my particular use case, but I would love to be able to utilize this component for desktop/laptop use and have it “step aside” on mobile and let the tabs component do the work.
The only thing I could think of would be to have this component look for the tabs component and the size of the display. The tabs component is only active on mobile, so perhaps it could work as designed on large screens and if tabs is active, turn off on smaller screens. I have no idea what kind of work that would require or if it’s even possible.
I’ll add a dedicated mobile style a bit down the line. Then you can use this component for the user menu, also on mobile. And the footer navigation from the other component. This should actually align just fine.