[Resolved] how to make search bar open in desktop

[johnaps]

Hello, i want to make my search bar like this

View post on imgur.com

to be open when on desktop…

How can i do it?

[David]

Hi there,

depends on what and where the search field is.
If you can share a link to where i can see the existing search icon i can advise on whats possible.

[johnaps]

http://thefinterest.kinsta.cloud/

[Ying]

It’s kind of tricky, give this CSS a try, but as the search bar is set to position: absolute , you’ll need to write custom CSS to avoid overlapping between menu items and the search bar:

body .navigation-search {
    left: 0;
    right: 0;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
} 

[johnaps]

thank you very much!

Is there a way to add text to the placeholder?

[Ying]

Yes, give this PHP snippet a try:
https://docs.generatepress.com/article/generate_navigation_search_output/#add-a-placeholder

[johnaps]

Thank you very much!

[Ying]

No problem 🙂

[Author]

Posts