E-commerce product page with VueJs

Community feedback

• 

  Bright Adigwe•190

  @Femi-BrightPosted over 2 years ago

  Hi! Oluwakemi! Nice Attempts 👏. As regards the sidebar issue. I will suggest you add z-index to the sidebar to place it above the buttons

  .wrapper .sidebar {
      z-index: 50;
  }
  
  

  I also noticed that the nav bounces whenever I hovered over a Link. You could correct that by this trick

  header ul li.menus {
      border-bottom: 5px solid transparent;
  }
  
  header ul li.menus:hover {
      border-bottom-color: (255, 125, 26);
  }
  

  the bottom borders will always be there, so its not like they will be adding to the height of the nav each time you hover. I hope you find this helpful

  Marked as helpful

  1