Why Do None of My Clickable Items Work Anymore?

JavaScript
1

I completed the Product Landing Page project and I was super proud of it. I spent probably a full day getting everything just how I wanted it. Then, I closed the program. Later, I opened it back up to show to my husband, but none of my clickable items work anymore. None of the buttons, drop-downs, spinners, text boxes, etc. work at all. I even copied and pasted my code into VS Code to see if it was maybe a bug with freeCodeCamp, but it doesn’t work when I run it there either. My code hasn’t changed between when it worked and when it stopped working. What can I do to fix it? I spent hours getting all that stuff just right and I’m kind of bummed about it.

Didn’t want to include the full code because basically nothing works anymore, so it would be too long. This is a jsfiddle link to it: https://jsfiddle.net/AlexRiley/k92j68nu/3/#&togetherjs=nySlrKCerr

I don’t know what’s up with the white background. It doesn’t look like that on any other platform, so just ignore that.

2

Honestly I don t know what you mean the side looks pretty good to me and everything works there unless you wanted to include any javascript or something

3

When I run it, aside from the navigation buttons and the first video on the page, nothing that should be clickable is clickable.

4

Just from doing a quick inspect, it looks like your nav bar might be an overlay that covers the full height of the screen. If it’s sitting “on top of” other elements, the elements with the lower z-index won’t be clickable.

screnshot
screnshot1920×1424 151 KB

1 Like
5

Just in case you are not sure what is causing it you have to remove bottom: 0 from #nav-bar (top/bottom 0 is like 100% height)

For example, you should see this test div covering all the viewport.

<div class="test"></div>

.test {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
}
1 Like
6

Oh that makes sense! I’ll try that, thank you!

1 Like
7

I removed the bottom and that was the problem! Thank you for your help!

1 Like
8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.