[HTML & CSS] WHY DOES THIS NOT WORK!

[WillLTT]

sight.. ive debugged for 1 and a half hour no changes, i cannot find the issue.

heres a codepen of the code that works.

heres where im stuck

 

Please Help

[sharknado34]

10 minutes ago, WillLTT said:

sight.. ive debugged for 1 and a half hour no changes, i cannot find the issue.

heres a codepen of the code that works.

heres where im stuck

 

Please Help

What exactly isn't working?

[WillLTT]

7 minutes ago, sharknado34 said:

What exactly isn't working?

never mind i made it work.

by replace'ing this: 

    <a href="javascript:void(0);" class="icon" onclick="topnav1()"></a>
    <i class="fa fa-bars">☰</i>

with this: 

    <a href="javascript:void(0);" class="icon" onclick="topnav1()">☰</a>

 

 

[sharknado34]

11 minutes ago, WillLTT said:

when your in mobile mode

see the thing? the white expand bars are gone broken

see how the bars have just become a black box in the corner?

 

---------------------------------------------------------------------------------------------------------------------

I am looking through it right now, for now here is a link that might help: https://www.w3schools.com/howto/howto_js_mobile_navbar.asp

[sharknado34]

It is this line here that is causing your issue:

If you remove this line of css your mobile navigation menu displays when you adjust the size down again. So you need to modify this css line.