Intro section with dropdown navigation - JavaScript, Responsive, Grid

Community feedback

• 

  Shalom2935•420

  @Shalom2935

  Posted over 2 years ago

  Really amazing I like it so much.

  -At the breakpoint 1667px-1669px before hiding nav links and displaying the hamburger button the responsive navigation menu will show on the side before hiding. try to fix it :D.

  -By clicking on the menu-btn, the way your nav menu show is kind of weird (It is a little little bit frightening :)) It is due to the sudden appearance of the dark background (it is too sudden and too dark) for the color it is just a personnal suggestion but I think rgba(0,0,0,0.3) is better. And for his appearance you must add a transition as a property of header::before then replace display:none by opacity:0 (It might seem like having the same effect of hiding the element but if you use display:none the transition will not have any effect). Finally you must add opacity:100%; as a property of body.menu__open .header::before {}

  • When your dropdowns come out, it is fine but when coming back, they just disappear try to fix it... I can't help you on that your Js is too much for me...

  11