search tool in menu bar not working

I have an issue with my search bar too.
It was working until recently. I believe it could be the recent update.
I am using firefox.

website: http://www.pic-control.com

There is a search icon on my navigation bar on the extreme end on the right.
When visitor click on this icon, a search bar will appear adjacent to the left of this icon.

Now the problem is when the icon is click, the search bar appeared but it is now on the extreme left of the navigation bar.
May I know how I can resolved this?
Thank you.

Hi there,

The width is strict by this CSS you added:

.navigation-search {
    max-width: 300px;
}

Can you open a new topic if this doesn't help? Thanks!

The search bar will cover my menu if I remove this.
It was ok before, with search bar align to the right.
Now it is aligned to the left.

Try adding this CSS:

.navigation-search.nav-search-active {
    left: auto;
}

Thank you Tom.
This solution works!
The search bar is ok now.

Thank you very much!

You're welcome :)

Mine is working now too.

Awesome :) Glad it's fixed.

I have the same issue. The search Icon in top Nav Bar not working.
When I click the Search icon in Top Nav bar, It just shows a X. You cannot type any search terms!
Please see SS image:
https://imgur.com/VUN7drk

I am using Sticky Top Nav menu in my settings.
Any pointers?

Hi impro1,

Can you open a new topic for this?

Opening a new topic lets you use the private information text field to provide us the site details for inspection.

Thank you.

Ok, New Ticket at:
https://generatepress.com/forums/topic/top-nav-bar-search-tool-in-menu-bar-not-working/#new-post

Thanks.:D