How to do a hoover menu

Hey everyone would love some help on how to do a hoover menu like this website!

https://www.wilsonandfrenchy.com.au/?srsltid=AfmBOopn-wmyxQ6FclN7NFh0AwZn6EisBr5TJ96Lj3uWTWw6jlRBLRmH

Can you share your store url…? So that we can check

Thanks

Hi,

Hope this will help

Add hover effect with CSS

CSS code example

/* Hover Menu Effect */
.navbar .menu-item:hover .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

/* Hide submenu by default */
.sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

Where do i put this code :(? I have no coding background or really any idea i know how to access the coding

https://softbeginningsboutique.com/

password landon

Password not working @JGBowie