When it comes to adding "/" as separators before all menu items except the first, I'm encountering a challenge. I've successfully inserted the separators, but I'm struggling to remove only the first one. Here's the CSS code I've been working with:
.nav li a:before {content:' / ';}
.nav li a:first-child:before {content:'';}
Initially, I thought the second line of code would do the trick, but instead of removing the first separator, it removes all of them. I then attempted the following:
.nav li:before {content:' / ';}
.nav li:first-child:before {content:'';}
This solution removed the first separator, but unfortunately, all the separators ended up above and between the menu links. My website is built using the bones starter theme, so I'm reaching out for some guidance as a beginner in this area. Any help would be greatly appreciated!