How can I hide the first child item from the main menu?

[sarizona]

Hi everybody! I would like to create a first child main menu item in order to create a breadcrumb path on my collection page without showing that item as dropdown in my main menu. Thank you!

[ZestardTech]

Hello There,
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:

#main-menu .menu-item:first-child {
display: none;
}

[sarizona]

Thanks for your quick reply, I added your css but the child is still there.

[sarizona]

Here a screenshot

[ZestardTech]

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

[sarizona]

www.kidsonthewise.com

[ZestardTech]

Hello there,

What do you want to remove, can you please share the screenshot?

[Dan-From-Ryviu]

Please add this CSS code in your theme.css file 

.site-nav li:nth-child(2).site-nav__dropdown { display: none !important; }

[sarizona]

Thanks, but the dropdown is still there.

[sarizona]

Here is a screenshot to clarify.

[sarizona]

Hello everybody! It appears to me that I have to change the code in site-nav.liquid that generates the dropdown menu. Can anybody help out, I don't know a thing about coding. Thanks again!