Help on creating a hamburger menu

Hello ! Im trying to create a hamburger menu as follows: I want to have a (text 1) with 50% opacity that links to my main page (page 1) but when I hover on text 1 I want it to go to 100% opacity and next to it i want (text 2) and (text 3) to appear, also with 50% opacity and hoverable to 100% opacity and be able to be linked.
I tried placing an invisible hotspot underneath (text 1) but it seems to not trigger correctly, im lost in this ! What is the correct way to do this ? Why cant a hotspot be a text ? It seems simple enough :confused:

1 Like

You’re better off doing this with buttons and trigger animations

set up each “text” as buttons and link, and the “hotspot” burger menu icon as a button too, adjust everything in button settings (ex. remove the red bg). At this point in time its better to adjust exactly where you need them to be placed and appear so you don’t have to do it later.

set text 1 as: on click = opacity 0>100. then set the trigger to be the “hotspot” burger menu button. They will now show the text 1 button when u click on burger menu.

In text 1 button menu, set main opacity to 50 and then hover opacity to 100, this will make it so that when you hover over text 1 it will go to 100%.

Select text 2, make “hover > opacity 0>100%” and set the trigger to text 1 this will ensure that text 2 appears when you hover over text 1. You can make it appear slightly delayed or slower to appear etc. do the same for Text 3.

In text 2 and 3 button settings, change the main colour to 50% opacity and the hover colour to 100% opacity.