- This topic has 22 replies, 3 voices, and was last updated 4 months, 1 week ago by David.
October 25, 2020 at 10:58 am #1503770linuxwolf
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.October 25, 2020 at 11:47 am #1503797LeoStaffCustomer Support
That site isn’t using any CSS.
It’s just using float right in navigation location:
https://docs.generatepress.com/article/navigation-location/October 25, 2020 at 11:39 pm #1504150linuxwolf
Not working. Please explain.I want my search bar looks like below site.October 26, 2020 at 2:02 am #1504247DavidStaffCustomer SupportOctober 26, 2020 at 5:28 am #1504486linuxwolf
Deleted the site, I’ll rebuild and revert back here.October 26, 2020 at 6:20 am #1504550DavidStaffCustomer SupportOctober 27, 2020 at 6:42 am #1506130linuxwolf
I am working on it.
The search box covers the whole navigation bar when you click on the search icon on the top left.October 27, 2020 at 9:43 am #1506659LeoStaffCustomer Support
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:
– 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:
That should be it.October 27, 2020 at 10:08 pm #1507213linuxwolf
What should be the size of the icon to make the menu header look normal?October 28, 2020 at 3:29 am #1507471DavidStaffCustomer Support
Did you follow the steps that Leo provided here:
As this the exact setup for the site you want to copy.October 28, 2020 at 4:57 am #1507576linuxwolf
Yes followed, It works. I just wanted to confirm the correct logo size. Thanks. We can close the topic.October 28, 2020 at 7:50 am #1508025DavidStaffCustomer SupportOctober 28, 2020 at 7:54 am #1508035linuxwolf
👍October 29, 2020 at 10:14 am #1509910linuxwolf
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.October 29, 2020 at 10:40 am #1509937DavidStaffCustomer Support
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.