[Resolved] Mobile Search

[metcomllc@aol.com]

Is it possible to have a search icon in Mobile ONLY? (not desktop)

[Leo]

Hi there,

We can hide it on desktop using this CSS:

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

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

[metcomllc@aol.com]

That didn’t work. The search is visible in the navigation with the CSS added.

[Leo]

Edited the CSS above.

Give it another shot?

[metcomllc@aol.com]

Where is the new CSS?

[Leo]

Here:
https://generatepress.com/forums/topic/mobile-search-2/#post-1258620

[metcomllc@aol.com]

That didn’t work

[metcomllc@aol.com]

If it helps, this is my current CSS

#mobile-header .inside-navigation {
    display: flex;
    flex-direction: column;
}
#mobile-header img { width: 100%; height: auto; }
h1.entry-title {
display: none;
}
@media (max-width: 768px) {
    .page-hero {
        background-image: url(https://www.tryhypnosisnow.com/wp-content/uploads/2020/04/Hypnosis-NYC-for-quit-smoking-weight-loss-anxiety-phobias-confidence.jpeg);
    }
}

[Leo]

I’m not seeing the CSS being added.

Can you clear and disable Autopimize and WP Super Cache?

[metcomllc@aol.com]

I just added it again and it worked. Thank you. Is it possible “On Mobile” to have the search on the right and the menu on the left?

[metcomllc@aol.com]

Thanks

[Leo]

No problem 🙂

[Author]

Posts