Move logo to topbar

1. Only by enabling the widget area in the theme options > topbar settings. then add your logo with a widget.

2. You can use this css:

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

But a word of caution, the topbar is not designed to be a header, the menu is not set up with a mobile replacement (like the header is) because it’s only originally designed to have 1 or 2 items in the menu.

Kadence Themes