[Resolved] Expand and show search bar

[William]

Hi there,

Is there a way to expand the search bar to a certain width of my choosing in the header here?

I would also like the search to collapse but have the same functionality as it does such as here for mobile. Is that possible too?

Kind regards,

Will

[Leo]

Hi there,

Something like this should help you to get started:

@media (min-width: 769px) {
    .navigation-search.nav-search-active {
        width: 75%;
        left: auto;
    }
}
@media (max-width: 768px) {
    .navigation-search {
        top: 100%;
    }
}

[William]

I have a plugin similar to the one on another Generate Press site here, that I would like to use as search – how can the default search be replaced?

For mobile that is the right line. For desktop, I would like it looking like the book site above.

[Leo]

Sorry were the original questions resolved?

If so can you open a new topic?

Let me know if I’m missing something here.

[William]

A little confusing but I’ll open a new topic!

[Leo]

Thanks 🙂

[Author]

Posts