Create a dropdown menu for Shop in header

Site URL: https://www.snjc.world/

Hello everyone,

I wanted to know if it was possible to create a dropdown menu when hovering over "SHOP" in my header ? I want the different categories to appear (the same one used as filters on the shop page: t-shirt, longsleeve, etc..). Might be a difficult one, wondering if anyone ever looked at it before ?

You can check the website if it helps: https://www.snjc.world/ (code: okokok)

Thank you in advance!

How did you get the fixed navigation on the left side for your Shop page? Did it come with the template you're using? I really like your site. 

You can use Folder?

45 minutes ago, thiscitymaps said:

How did you get the fixed navigation on the left side for your Shop page? Did it come with the template you're using? I really like your site. 

I see the site used this CSS

@media screen and (min-width: 720px) {
    .ProductList-filter {
        position:-webkit-sticky;
        position: sticky;
        top: 100px
    }
}

@media only screen and (min-width: 640px) {
    .ProductList-filter-list {
        position:fixed
    }
}

@tuanphan I don't know why I didn't think about it earlier but I just hid the shop and created a folder with redirecting links. Was way easier than I thought.

And yes that's simply how I've fixed the filters on the side!

Hmm I am trying this code and it is not doing anything. I'd love to get side navigation for my shop categories and tags.