How to change search box size on navigation area?

Hi there,

That site isn't using any CSS.

It's just using float right in navigation location:
https://docs.generatepress.com/article/navigation-location/

Not working. Please explain.I want my search bar looks like below site.

Hi there,

can you share a link to your site so we can take a look at the issue

Deleted the site, I'll rebuild and revert back here.

No problems - let us know.

Hello David,
I am working on it.
The search box covers the whole navigation bar when you click on the search icon on the top left.

Please complete the following steps below:

- Disable this option: https://docs.generatepress.com/article/navigation-as-a-header/

- Set the navigation location to float right:
https://docs.generatepress.com/article/navigation-location/

- Set the header background color (Colors > Header) and navigation background color (Colors > Primary Navigation) to be the same color.

- Reduce the header padding - woorkup is using 10px for top and bottom:
https://docs.generatepress.com/article/header-padding/

That should be it.

What should be the size of the icon to make the menu header look normal?

Did you follow the steps that Leo provided here:

https://generatepress.com/forums/topic/how-to-change-search-box-size-on-navigation-area/#post-1506659

As this the exact setup for the site you want to copy.

Yes followed, It works. I just wanted to confirm the correct logo size. Thanks. We can close the topic.

Glad to hear that.

👍

There's an issue. I have followed Leo and everything is working alright but the logo looks tiny, no matter what size logo I put.

Go to Customizer > Layout > Primary Navigation and increase the Menu Item Height as this sets the size of the logo.

If still a problem, please link me to the site ( any private information is removed when a topic is set to Resolved ) so i can take a look.