Hover submenu in hover menu

[ayoume88]

Hi! I was able to make the hover menu but I would like the submenu to have hover submenu inside of it if that makes sense.

My website is https://sakurasignatures.com/ No password needed. Theme is Dawn.

Thank you in advance!

[theycallmemakka]

Hi @ayoume88

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[ZestardTech]

Hi @ayoume88

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.mega-menu__list li ul {
    display: none;
}
.mega-menu__list li:hover > ul {
    display: block;
}

[ayoume88]

Thank you so much! It worked!

If you don’t mind me asking another question: is there a way to make the order of the collection vertical like this website? https://www.lulus.com/

• I would like the first 4 collections + “KANAKO” to be in vertical in one column.
• Everything else in A-Z order in 2 columns, except for “GIFT CARD” and make that the last item.

Sorry for asking so much! Thank you in advance.

[ayoume88]

Forgot to attach the reference photo.

[ayoume88]

Got it fixed but thank you so much nonetheless!