Topbar Mobile version

You are using qtranslates widget which doesn’t have a css class for the text area. so there is nothing I can add to hide the text in mobile.

Also You have also added css that is badly coded and makes your topbar not mobile friendly. It’s hard to suggest an css when the first step is to remove all that you’ve added in regards to the topbar. Plus because It’s impossible to do what you want with the qtranslate widget I don’t know where to start?

Kadence Themes

Can you than help me to get the social icons next to the ‘choose your language’ tekst and the search bar next to the flags?
Or maybe an other possible way to get the mobiel topbar friendly?

Thank you!

This isn’t exactly what you want but should look a lot better on mobile:

@media (max-width: 767px) {
div#topbar-search {
    padding: 5px 0 5px;
    text-align: center;
}
ul#mqtranslate-10-chooser {
    margin: 0; padding: 0; float: none; list-style: none; display: inline-block;
}
.qtrans_language_chooser li {
float: none;
margin: 5px;
display: inline-block;
}
ul#cool-social {
    padding: 0;
    margin: 0;
    line-height: 10px;
    float: none;
    display: inline-block;
}
#cool-social li {
    float: none;
    display: inline-block;
}
form#searchform {
    float: none;
    margin: 0 auto;
}
}

Kadence Themes

Perfect!
Thank you so much ??