[Resolved] Mobile Menu Click Styling Removal

[Danny]

Hello, I get a button-like color fill when I click on mobile link in the slide-out menu. How may I remove it?

GeneratePress 2.2.2

[Leo]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Danny]

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

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Danny]

Thank you, this resolved my issue

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts