- This topic has 22 replies, 3 voices, and was last updated 3 years, 6 months ago by
.
-
Posts
-
How to make my site search bar width like the site I have mentioned here. The default search bar width is equal to the whole primary navigation. If you are going to share CSS or HTML code, do tell me how to and where to use it.
Customer Support
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.
Customer Support
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:
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.
- You must be logged in to reply to this topic.