Close: hamburger icon not showinf nav-links

HTML-CSS
1

Hi everyone,
I am really close to getting this right…
My hamburger icon is not showing the nav-links when I click on it.
please help me check to see what I am really missing to make it work…

Your code so far
Here’s the link to my project

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; CPH1909 Build/O11019) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Mobile Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2

I have made some changes in your code
https://codepen.io/at-web/pen/XWmGMNe

3

Wow thanks for the help…
I can now use css to style the drop down to a moderate size right?
Its filling the page when I click on it(I am using phone), as if its the whole header is expanding…

4

I think so…
Use the .menu class selector for styling the drop down.

5

Thanks a lot
Will let you know the outcome

1 Like