Hide Search Icon on Desktop only

[David]

I have it enabled Navigation search via the check box. BUT I don’t’ want it to show in the header on desktops. I tried adding this code in additional CSS but it doesn’t work.

@media (min-width: 769px) {
    .main-navigation li.search-item {
        display: none;
    }
}

[David]

I figured it out finally.

@media (min-width: 769px) {
    .menu-bar-items .search-item {
        display: none !important;
    }
}

[David]

Glad to hear that!

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

[Author]

Posts