Mobile Menu Click Styling Removal

Hi there,

This is the CSS you've added for that effect:

.main-navigation .main-nav ul li.nav-button2 a:hover {
    background-color: #01bca6 !important;
    border: 2px solid #01bca6;
    color: white !important;
    text-decoration: none !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 5px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 0%;
    letter-spacing: 1px;
}

How would I apply this styling only to desktop and not to mobile?

This should help:
https://docs.generatepress.com/article/responsive-display/

Thank you, this resolved my issue

No problem :)