Modifying the Topbar

Hello! I would like to modify the top bar so that it looks like the topbar on this website:
https://www.cabinets.com/
Where the text goes all the way across (or can be added to the left and middle) and then there is a search on the right.
Current Site:
https://graybellesolutions.com/

I used this code so the current text wouldn’t move to a second line, but when i add a search widget it moves down below the text.

@media (min-width: 768px){
.kad-topbar-left {width:100%}
.kad-topbar-right {width:100%}
}