[Support request] CSS to round corners on search bar?

[Erik]

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.

[Elvin]

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.:)

[Erik]

Getting close! What about the toggle button? It’s the only thing that still has square corners. https://rationaldreaming.com/

[Erik]

I found out how to do this by inspecting the element. Thank you for your help.

[Elvin]

Nice one, No problem! 🙂

[Author]

Posts