search box not aligned in top bar

[JCCMW]

JCCMW

July 12, 2019 at 9:44 am

Hi
I want to use the topbar menu, icons, and widget area in my topbar on jccmw.org.

I’ve copied css I found on an answer to the same question but my search box (widget) is still on a separate line to the other links. How can I get it on the same line? I’ve deleted some of my old css which helped format the topbar so maybe I need to delete some more?

css is

#nav-main ul.sf-menu ul li a {
font-size: 18px;
}
.home section#cat_nav {
margin-bottom: 20px;
}
#nav-second ul.sf-menu ul li a {
font-size: 15px;
}
tbody tr:nth-of-type(2n) {background-color: #f0f0f0;}
th {background-color:#018DB1;font-weight:bold;color:#fff;}
}
tcolumn-4 {
text-align: center;
}
img.alignnone {
padding: 0;
}
a.mobile-logo {
padding: 0 !important;
.kt-header-position-above, .second-nav-container {
display: block;
}
#kad-mobile-banner {
display: none;
height: 0;
}

@media (min-width: 968px) {
.col-md-6.col-sm-6.kad-topbar-right {
width: 25%;
}
.topbarmenu ul li a {
font-size: 15px;
padding: 4px 10px;
}
.topbarmenu.clearfix {
width: 100%;
}
.col-md-6.col-sm-6.kad-topbar-left {
width: 75%;
float: left;
}
}