Hi Ismael,
thanks a lot for your quick help! That did the trick! complete code line is into the custom css of enfold is:
@media only screen and (max-width: 767px) {
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { float: left; width: 50%; }
.responsive #header .social_bookmarks { width: 50%; float: right; }
.responsive #header_meta .sub_menu>ul>li {
padding: 0 1px;
}}
Also in order to work on WPML translated sites you’ve to copy this code into the custom CSS section in WPML as well (otherwise it works on the original page but not on the translated page).
I didn’t use the dropdown for now but thanks lot for pointing this out. Will have it bookmarked once the flags are too crowded.
Can be closed.
Jan
Hi Yigit,
thanks a lot for your super fast response! I really appreciate it a lot. That fixed my issue half way. I think the padding of the flags (two) is a bit too much. So the first flag stays on top and the second drops down.
Is there an option to activate a drop down language switcher which stays up there (right now we’ve 2 languages but will have more in the future).
Thanks a lot Yigit!
Jan