Archived topic
CSS to round corners on search bar?
4 replies · Started by Erik on September 9, 2020
Viewing posts 1–5 of 5
I used CSS provided on another topic to get my search bar below my navigation here: https://rationaldreaming.com/
However, my navigation has a 5px border radius and I can't seem to get the same for the search bar. Is there a way to give it rounded corners like the nav bar? Thanks.
Hi Erik,
You can try this CSS Code:
.navigation-search.nav-search-active {
border-radius: 5px;
overflow: hidden;
}Let us know if works for you.:)
Getting close! What about the toggle button? It's the only thing that still has square corners. https://rationaldreaming.com/
I found out how to do this by inspecting the element. Thank you for your help.
Nice one, No problem! :)
This archived topic is closed to new replies.
