[Support request] Problem with search in menu

[Louis Derrac]

Hi,

I want to have only a burger menu on my website, so I chose an empty menu and I added all my pages to the “off the canvas” menu. It looks OK on the website (ideally i would like to have my baseline displayed – haven’t figured out if it’s possible and how)

But the search tool is not working well. You can check it here : https://louisderrac.com => in the menu.

What can I do ? Thanks a lot !

[Leo]

Hi there,

Hmm the width of the search field depends on the width of the main navigation.

How would you like it to work?

Can you make the issue show? I’m currently seeing a lot of menu items so the search works well.

[Louis Derrac]

It would be better if the search field started a bit (lot) more on the left.

New screenshot : https://louisderrac.com/wp-content/uploads/2022/11/Capture-decran-du-2022-11-05-20-49-05.png

If you try it on my website, you start seeing a letter starting from the third. And the search field is really small…

Thanks !

[Ying]

Hi Louis,

Try this CSS, feel free to change the value, just make sure they match.

@media (min-width: 769px) {
form.search-form.navigation-search.nav-search-active {
    width: 500px;
    left: -500px;
}
}

[Author]

Posts