Design

Ammar Fatihallah
Ammar Fatihallah
4,110 Points

Menu button in navigation bar not accessible after scrolling down

Hello there everyone! I'm currently working on this website project of mine and I have kinda hit a wall. I have noticed that the navigation trigger button (burger button on the top left of the navigation) only works when we are at the start of the page, but as soon as I would scroll down even a couple of pixels, it will not respond to any clicks. I have looked everywhere in my code but maybe I just need another pair of eyes to look over my code and see something I might have not spotted. Would love your take on this!

here's the link to the workspace:

ooops, realised I need to post a snapshot of the workspace so here it is: https://w.trhou.se/pzvztnuor9

rydavim
rydavim
Treehouse Moderator 18,640 Points

You'll need to post a workspace snapshot using the camera icon in towards the top-right of the workspace window. Your own workspace link is private, so no one else can access or make changes. Snapshots allow you to share your workspaces in a way that lets community members fork a copy to their own environment.

1 Answer

Ammar Fatihallah
Ammar Fatihallah
4,110 Points

so after about 9 gallons of coffee I found that the indexing of my elements was wrong which caused the button to not function after I scroll. The fix for it was to add z-index:1; to .navigation and z-index:2; to the content that will be scrolled through.