Solved

Why did my Shopify submenu color change and how can I revert it?

Nickahola
Shopify Partner
74 1 11

Hi. I'm using the susie theme.

Under the main menu 'Nursery' I had the menu 'East Coast' - I have just created a crested menu to create two other menu's after East Coast but now I look at it.

The whole submenu's of Nursery have turned white for no reason.

Why is this & how can i change it so my menu's appear in black writing again?

Here is a screen grab of the crested menu I have just created under Nursery which is not appearing on my site.

Thanks!

www.silverstork.co.uk

Nickahola_0-1632488700241.png

 

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Nickahola,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > frame.scss.liquid and paste this at the bottom of the file:

.nav-bar-mobile .site-nav-dropdown .dropdown{
display: list-item;
}
.nav-bar-mobile .site-nav-dropdown .dropdown>a::before{
display: none;
}
.nav-bar-mobile .site-nav-dropdown .dropdown .site-nav-dropdown{
top: 50%;
}

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 4 (4)

diego_ezfy
Shopify Partner
2935 562 883

@Nickahola

I believe your theme doesn't support triple nested menus, then it renders as blank. 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

Nickahola
Shopify Partner
74 1 11

Right ok, that explains it. Thanks!

 

Any ideas what I should do with the collections?

Just leave them as they are but not in the menu?

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Nickahola,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > frame.scss.liquid and paste this at the bottom of the file:

.nav-bar-mobile .site-nav-dropdown .dropdown{
display: list-item;
}
.nav-bar-mobile .site-nav-dropdown .dropdown>a::before{
display: none;
}
.nav-bar-mobile .site-nav-dropdown .dropdown .site-nav-dropdown{
top: 50%;
}

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Nickahola
Shopify Partner
74 1 11

That worked - thank you for your help!