[Resolved] my search button not working

[Janani]

Dear Team

I have given the search button (magnifying glass) icon in the primary navigation. But it does not work. Can you please tell me how to resolve this?

Warm regards,

[Leo]

Hi there,

Just tested it and it’s working for me.

Your navigation is set to full width so it’s going at the full width of the container:
https://www.screencast.com/t/zvGZDXYHDwbr

Maybe try setting the inner width to contained?
https://docs.generatepress.com/article/navigation-layout/

Let me know 🙂

[Janani]

Dear Leo

Thanks, I tried that, but the search button is showing as a separate line item below the primary navigation, which does not look good.

Cant we have something like a small search box where people could type their search terms like this website?
https://eckharttolle.com/

[David]

Hi there,

Try adding this CSS:

.main-navigation .inside-navigation {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.main-navigation .navigation-search {
    top: 100%;
    max-width: 300px;
    left: unset;
    right: 0;
    border: 2px solid #ccc;
}

[Janani]

Wonderful, it works!

Warm regards,

[David]

You’re welcome

[Author]

Posts