I am having issues with how best to manage a hidden group of buttons in a header.
The top of one of the pages of my app looks like this with a header, and some buttons (which work similar to a tabbed element)
When a user hovers over their name or image a hidden group shows just how I want it it to show
But in this configuration none of the buttons now work .
On other pages the header groups goes behind the button so the button works but not the options in the group
I guess I am doing something wrong with what I bring to front or send to back. How do I know where each element is sitting in relation to each other when it comes to what is on top or behind?
But this is not the whole answer as neither option really works in these scenarios as either set of buttons does not work
So where have a gone wrong or what am I missing?. What is the best way to set up this type of group for users to see this data that is specific to them? Just moving the tabbed element or buttons down the page seems like it would work but then I would have a huge gap at the top of the page