How to 'Bring to front' the Profile group from Header

Hello - I’m running into an issue displaying the “group user profile” when its clicked (reveals options to Sign up, Login, etc).
To make space for that group I had to expand the height of the header. That causes problems on my home page because now the Header covers up some of my home page filter options so I moved Header to back – but now the Sign Up Login is covered by any element on the right of page. If I bring Header to front it covers up all of my product filters.
I think having the Header as a reusable element is limiting my options here?
Header
image

Home page with Header set behind the group containing product filters.
image

Hello! Generally, if you want this type of interface placed within a reusable header, you should use a “Group Focus” element for the dropdown menu. Group Focus elements do not occupy vertical space in a reusable element, so you will be able to place it and have it extend only when it is visible without effecting the overall height of your reusable.

If a group focus element isn’t suitable here, then you are correct that perhaps going with a non-reusable version might be best for your use case.

I hope this helps!

1 Like

Sam - that nailed it! I obviously skipped past the Group Focus section of my learning :slight_smile:

@sam.morgan Follow up question:
I got the Group Focus element setup, but it’s not disappearing after I leave or even click elsewhere.

This topic was automatically closed after 70 days. New replies are no longer allowed.