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

jones.joshua.d · 2022-08-08T17:47:12.241Z

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

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

sam.morgan · 2022-08-08T20:33:33.055Z

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!

jones.joshua.d · 2022-08-08T22:24:49.997Z

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

jones.joshua.d · 2022-08-08T22:56:42.252Z

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

system · 2022-10-17T17:47:19.087Z

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