Topbar alignment of search and button

[Anonymous]

Anonymous

October 2, 2017 at 3:23 pm

Hello, Kadence team!

Need your help so we can deploy. When the topbar widget with button + search was added to the topbar: search appeared partially below the topbar; the button was mostly in the header, not the topbar.

Did a search of all the forums and tried every option I could find. By increasing the height of topbar to 60px, both are inside, but they still aren’t level horizontally. But it’s important to the overall design to keep the topbar height as close to what it was originally – definitely no higher than 39px.

Custom CSS to get them as close as possible:

@media (min-width: 992px) {
.kt-topbar-left {
width: 0%;
}
.kt-topbar-right {
width: 100%;
}
.kt-topbar-right .kad-topbar-flex-item {
width: 100%;
}

div#topbar {
height: 40px;
}

.topbar-widget {
width: 100%;
max-height: 43px;
}
}

I will provide the staging link privately.

Please help! Thanks so much in advance!

Joanne