- This topic has 11 replies, 2 voices, and was last updated 1 year, 6 months ago by
Leo.
-
AuthorPosts
-
December 12, 2020 at 9:06 am #1577609
Quan
Hello,
My search bar is the same length as main-navigation.
I have read the post:
https://docs.generatepress.com/article/navigation-search/
“This option adds a search icon (magnifying glass) to your navigation bar. When you click it, a semi-transparent search bar covers your menu items and allows you to enter a term to search your site.”
How do I adjust the search bar when I click equal the menu items length?
December 12, 2020 at 11:59 am #1577806Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 12, 2020 at 12:27 pm #1577823Quan
December 12, 2020 at 12:41 pm #1577837Leo
StaffCustomer SupportTry something like this:
https://generatepress.com/forums/topic/navigation-search-box-adjustments-width-and-style/#post-986017Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 12, 2020 at 1:09 pm #1577870Quan
I already know about that, but I mean I want the search bar length to be auto by the length of the menu items (when it is longer or shorter).
December 12, 2020 at 1:22 pm #1577877Leo
StaffCustomer SupportThat’s not possible as you are using the navigation as a header option:
https://docs.generatepress.com/article/navigation-as-a-header/You could try recreating that header by deactivating that option and use navigation location to float right:
https://docs.generatepress.com/article/navigation-location/Then the navigation width will be equal to the width of the navigation itself.
This site is using the method:
https://woorkup.com/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 13, 2020 at 3:27 am #1578312Quan
Thank you very much!
December 13, 2020 at 10:57 am #1578872Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 13, 2020 at 6:47 pm #1579194Quan
I used it but I have a CLS problem.
December 14, 2020 at 9:39 am #1580340Leo
StaffCustomer SupportThe main issue seems to be from the content part which is all coming from Thrive.
Maybe it’s coming from that animated headline?
I tested the blog page and it was fine:
https://gtmetrix.com/reports/phamdinhquan.net/reA89EBV/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 14, 2020 at 10:10 am #1580393Quan
Thank you, I understood the reason. Have a nice week!
December 14, 2020 at 10:11 am #1580396Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.