Search Bar on main menu

Hello,
I am trying to place the search bar on the same line as my top menu bar but every time I set the menu to be centered the search bar drops down a line. Is there a way to fix this from happening?
The following is the CSS code im using to center the categories for my menu:

.navbar-default .navbar-collapse {
float: none;
padding: 0 auto;
margin: 0 auto;
display: table !important;

}

Any help would be greatly appreciated.
Thanks.

Hi @tipper,

I hope you are well today and thank you for your question.

Instead of above shared CSS code, please try using below CSS code.

.site-navigation-inner.col-sm-12 {
    float: none;
    padding: 0;
    margin: 0 auto;
    display: table !important;
    width: auto;
}

Best Regards,
Movin

Thank you for the help Movin.
It looks much better now! i was wondering though if its possible to push the search bar part as far to the right as it can go? that way the categories for the menu are perfectly centered.

thanks again for the help!

It looks much better now! i was wondering though if its possible to push the search bar part as far to the right as it can go?

We are centring whole section so it’s hard to achieve this without affecting its responsiveness.