E-commerce product page with VueJs

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