nth child

Hi! I am struggling with some very basic CSS that is for a Squarespace website that I am making. The template for the site automatically adds a navigation menu item for each sub page on one of those scrolling index pages. I do not want it to show a menu item for these sub pages, so after dealing with their support team, I found this code on a Squarespace forum to remove (in this case) the second menu item.

#mainNavigation > div:nth-child(2) > a {
display: none;
}

Syndicate content