CSS styling for individual top header menu items

Illdy
1

Hello,

I’m trying to identify the correct CSS snippet to style individual top header menu items. The use case is that I am going to implement some JS to hide a top header menu item until page scroll. I’m not asking for this JS just the CSS identifiers for individual top header menu items.

Screenshot attached and the menu item I am after is the one coloured in blue. My website is danedits.co.uk

Screenshot 2021-03-18 at 12.05.38
Screenshot 2021-03-18 at 12.05.382794×602 84.9 KB

2

Hi there

You may use unique Id’s of the menu element, check this out: Screenshot by Lightshot

3

#SOLVED

Thanks that is great!

I was using .menu-item-5 thinking that would be correct - as it is the 5th one along in my top header.

All good now.

Dan