How to change the search bar animation?

Hi there,

The full-screen search will require a considerable amount of custom coding for now unfortunately.

We are considering adding this as a future feature though.

This should work for the navigation search position:

.main-navigation li.search-item {
    position: fixed;
    right: 0;
}

The mobile menu text can be removed in the customizer:
https://docs.generatepress.com/article/mobile-menu-label/

Hey, LEO!

Your CSS is working only for Desktop but I don't want to adjust the desktop search icon. Instead, I want to align right for mobile view.

See the screenshots: https://prnt.sc/oknhov and https://prnt.sc/oknhsr

I want to customize the search bar because maybe you remember we have removed the Background current and hover colour from primary navigation so this is how search bar is working now: https://prnt.sc/okniuc

Here is the link of the website that is using the full-screen search bar and it is also using Generatepress.

It doesn't look like the link to the full-screen search came through - can you double-check?

I am really sorry, I forgot to give a link... Here it is masterblogging.com

The site is using GP but the header, footer, navigation search are all coming from Elementor unfortunately.

The only GP element on that page I can see is the back to top button.

Ok, thanks for the help...

But my website's search bar is not showing any background colour as you know we have removed them...

Now it is not looking good.

What if you try this CSS?

.navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus {
    color: #fff;
    background: #333;
}

Thanks, Now it is looking good.

No problem :)

Hello, my search icon is taking the whole navigation menu during clicking on the search icon. Could u please help me out with this.
Thank You

Hi there,

can you raise a new topic where you can provide a link to your site in the Private Information.
And explain how you would like it to look.

The following is the link
https://scriptwithme.com/
problem with the search bar in the navigation menu.
Thank You.

Hi Mirza,

As David mentioned, can you open up a new topic? It's helpful incase we need to ask you for anything that may require the Private Information textarea.

Here's how to open a new topic for support.
https://docs.generatepress.com/article/using-the-premium-support-forum/#open-support-topic

Thanks. :)