Hide the search icon on big screens

[Nander]

This is my header created with beaver themer and ubermenu: https://snipboard.io/wzMVHk.jpg
I use this menu on big screens only! On the smaller screens i use the Generatepress mobile menu.

But there is a small search icon created by the Generatepress theme in my beaver themer header. If i disable “search in navigation” in the customizer its gone and I’m happy. But then the search icon also disappears from my Generatepress mobile menu.

Is there a way to exclude it from my beaver themer menu but keep it active on my generatepress mobile menu?

[Leo]

Hi there,

Weird that GP’s navigation search would show in BB’s header.

Try this CSS:

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

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

Let me know if this helps 🙂

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

[Nander]

It worked! Thanks for the quick reply 🙂

[Leo]

No problem 🙂

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

[Author]

Posts