Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Ammar Fatihallah
7,307 PointsMenu 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
1 Answer
Ammar Fatihallah
7,307 Pointsso 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.
rydavim
18,814 Pointsrydavim
18,814 PointsYou'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.