Archived topic
Custom Search inmenu bar
10 replies · Started by Escobar on March 21, 2021
Hy,
I have placed a search bar as a menu item in the main menu using a shortcode and a hook.
There would be some way to make it appear just below the menu and thus make the search bar bigger.
I would like if it were possible, to continue as an item in the menu because that way, when scrolling, it could be used.
site is: https://www.mivestuariolaboral.com
Thank you very much in advance
Best regards.
Hi there,
Would generate_after_header hook work better?
The problem if I put it in after_header is that, as I already mentioned, it does not go down together with the menu when scrolling and it also looks too wide.
Now it is in that position so you can see what I tell you.
Hmm tricky one.
We would need to move the WooCommerce cart icon back to the menu item:
https://docs.generatepress.com/article/move-woocommerce-cart-toggle-into-the-menu-items/
Then try this CSS:
.main-navigation .menu-bar-items {
width: 100%;
justify-content: center;
}All done, but now i see two cart icons.
How can I remove one of the carts please?
I think I have found the solution, but I don't know if it is correct in this case.
uncheck “Display cart in menu” on Appearance > Customize > Layout > WooCommerce.
Is it possible that the search bar had some lower margin so that it is not so on the edge?
Thakns in advance.
Kind regards
Try this CSS:
.aws-container {
margin-bottom: 10px;
}Perfect!
Thanks!
No problem :)
I am am sorry.
Actually if i want to see the car at moblie menu, i have to
check “Display cart in menu” on Appearance > Customize > Layout > WooCommerce. Then i see two carts at main menu.
How can i remove one of the carts please?
Replied to your new topic:
https://generatepress.com/forums/topic/two-carts/#post-1709942
