[Solved] nth-child logic – hiddening the first one not working

[jerryr125]

https://css-tricks.com/how-nth-child-works/

Hi – I am trying to hide the first link in a navigation.

The following below will hide the 3rd, 4th and 5th links in a navigation…

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:nth-child(3) {display: none !important;}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:nth-child(4) {display: none !important;}

When I add :

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:nth-child(1) {display: none !important;}
The whole navigation is hidden – ouch !

therefore, how do a hide the 1st navigation menu item ??

note : :first-of-type does not work…

help! thanks :) jerry

[jerryr125]

hi – if you notice these two designs are on the same platform (SmugMug).
I created two themes and within the theme’s css I am hiding navigation menu links depending on the theme. So when viewing a specific, you see a specific color and menu items.
When you go hide the first one it hides the entire menu.

http://www.vanessak.com/CharlestonAerials/Home
http://www.vanessak.com/

thanks – jerry

[jerryr125]

bingo!! thank you – big help solving the problem – it is on another site – thanks – jerry

[Author]

Posts