Navigation menu from the header

Hello. Can’t figure out how to hover or click over an element or group in the header(which is a floating group) and make a navigation menu appear(from inside the header or out) as a result. Sort of like bubble home header, where you click on your email and options appear below it. Thanks in advance for the help…

1 Like

Ha funny, I just posted a header question to the forum right after you!

You’ll want to use a combination of conditional formatting and custom states. Here’s some screenshots of how I set mine up.

Step 1: Set the Starting State


Step 2: Show the dropdown when clicked

Step 3: Hide the dropdown when clicked again

Step 4: Add your hover states

Also. make sure the dropdown is set to not show by default when the page is loaded.

Hope this helps!

2 Likes

Also, take this info into account, as it adjusts how you structure the header a little bit

How to approach reusable headers with dropdowns?

1 Like

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