Limit which menu/nav items appear based on user agent / device in WordPress

# You could give those elements custom classes and then hide them based on device max-width. You can setup any number of rules like this and this is what is commonly known as a media query. It’s the basis for changing styles based on size.

@media only screen and (max-width: 959px) {
    div.desktop-only {
    display:none;
    }
    }

You can also set a range.

@media only screen and (min-width: 768px) and (max-width: 959px) { /*code here*/ }