Cannot click link behind element that is initially invisible

[NormanDurkee (Norman)]

Hey all! Currently I am working on just a personal project ( http://windows-95.webflow.io/ )
I am recreating Windows 95 using webflow, Im in the early stages of the project and so far so good, however my first major issue I have ran into is that

The " OK " button on the initial window and the " Welcome Window " button on the left side of the screen are both supposed to be clickable, and they are if you are on a larger desktop screen, however on a smaller screen such as a laptop the start menu ( In the editor its the Div named “Start Menu” ) overlaps both buttons and even tho the start menu is hidden initially until you click the start button, I am not able to interact with the “Ok” and " Welcome Window " button.

Below is attached a screenshot demonstrating what I am referring to.

Just curious if there is a way around this or if i’ve set something up wrong? Thanks for the help!

---

Here is my public share link: https://preview.webflow.com/preview/windows-95?preview=233d05fcfefabdce094df8b6372dca59

([how to access public share link][2])

[sabanna (Anna)]

Hi, @NormanDurkee

@NormanDurkee

even tho the start menu is hidden initially

Property opacity:0% on load only makes elements transparent, but not remove them as a layer. They still exist there and take their places. So you will need to make them display: none as well for being able to click on the buttons.

Regards,
Anna

[NormanDurkee (Norman)]

Got this to work the other day with your help and ment to reply and just say thank you! Worked like a charm and you are amazing!