my search button not working

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 :)

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/

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;
}

Wonderful, it works!

Warm regards,

You're welcome