Javascript not firing

Javascript not firing
0.0 0

#1

https://codepen.io/futinvestking/pen/eRLzJL

my java was working fine, but then I made some changes to the nav bar and now its not working. it’s the menu for my <576px media query. fairly simple stuff, I just can’t find the issue. any help would be most appreciated.

EDIT: All solved! Thanks to anyone that took at look!


#2

I haven’t completely solved the problem yet (and I think there are several things contributing to the problem) but I can see that you have display: none applied to the <li> elements in the mobile menu and you are toggling the “show” class on the <ul> element. To resolve all the issues, I think you are going to need to use a class to hide/show the ul element instead of using display:none for the ul tag to hide it until the icon is clicked.


#3

thanks so much for looking at this! it’s been giving me headaches.

if you want to see where I got my code/idea from, you can check out this video: https://www.youtube.com/watch?v=ZPWforRw_cc&t=1219s
if you skip to 24:00 that is around the step of the process I am on.

I’ll continue to try to figure this out as well :slight_smile:


#4

I think I’m onto something. If you change the width of the #logo in the css in the <576px query it fires. Might just be a matter of doing absolute positioning with that element instead.


#5

scratch that. used z-index instead. now I just need to figure out some formatting issues.