Responsive Dropdown Navigation using REACT & Styled Components

Community feedback

• 

  Byron•2,290

  @byronbyron

  Posted about 3 years ago

  @DanK1368 Hia mate.

  Try position: fixed; instead of position: absolute;, to fix the scrolling issue.

  @media screen and (max-width: 670px) {
      .ggprRt {
          /* position: absolute; */
          position: fixed;
          top: 0px;
          left: 0px;
          height: 100vh;
          background-color: rgba(0, 0, 0, 0.5);
          transform: translateX(110%);
          opacity: 0;
      }
  }
  

  01

  Marked as helpful
• 

  Prabhash Ranjan•2,540

  @besttlookk

  Posted about 3 years ago

  HI, Nice work! Here are some points i like to make

  • Its not responsive for all screen size. When ever develop anything ake a habbit of making responsive even if it is not asked for.
  • Dropdown menu should close when clicking outside the dropdown.

  I also made this using styled-component. Here is the link if you want any refernce

  https://intro-section-with-dropdown-navigation-phi.vercel.app/

  Feel free to drop your feedback.

  Good luck,

  Happy coding

  03
• 

  DanielK•440

  @DanK1368

  Posted about 3 years ago

  I also just realized, that when viewing the site on mobile you can scroll beyond the content ( right and down ) . I'm not sure why that is..

  00