Make nav menu item visible on mobile only

Site URL: https://maclurefamilydentistry.squarespace.com

Hi!

How can I hide the "Our Staff" link in the nav menu on desktop. We want it to only show up on mobile.

password: maclure

Thanks!

@beverley add this to your custom CSS

 

@media(min-width: 768px)
.header-nav-item--collection:nth-of-type(3) {
    display: none;
}

Result:

 

18 hours ago, RyanDejaegher said:

@beverley add this to your custom CSS

 

@media(min-width: 768px)
.header-nav-item--collection:nth-of-type(3) {
    display: none;
}

Result:

 

@RyanDejaegher Thanks! I tried it though and it still shows the "Our Staff" menu item on desktop? Needs to be hidden on desktop but visible on mobile. Hm

@beverley my mistake slight typo on my end. Should work now
 

@media(min-width: 768px) {
.header-nav-item--collection:nth-of-type(3) {
    display: none;
}
}

@RyanDejaegher AMAZING! Thanks so much!