Navigation Search

[Emma]

Hi, is there any way to have the navigation search icon display when viewing on desktop but not on mobile? When the navigation search is active, there isn’t enough space for the logo, menu and search icon in mobile view so it puts the menu below the logo and search icon. It would be great to display the navigation search on desktop but not on mobile if possible?

[Leo]

Hi Emma,

Can you give this CSS a shot?

@media (max-width: 768px) {
    .main-navigation .mobile-bar-items {
        display: none;
    }
}

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

Let me know 🙂

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

[Emma]

This doesn’t seem to work, the search icon is still visible in mobile view.

[David]

Hi there,

any chance we can see the Site? The URL provided is taking me to the login.

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

[Author]

Posts