WPML switcher + header

[isasimo]

1. I need the language switcher. But when I choose 4th header layout (screenshot attached) I can not see it. Just when I take the first, second or third header layout (screenshot attached). How can I see the language switcher when I have the 4th menu layout?

2. I set up the language switcher without flags in my WPML settings and I still see it. I asked the support in WPML and they say it must be in the Theme CSS. Do you have somewhere to change the properties for the switcher? I would like actually to change it like in the screenshot. Do you have any idea?

Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1) Unfortunately, this is not possible with no.4. You would need to manually add a dropdown menu with custom links to the main menu.

2) I no longer see the flags with your current header can you set it back so I can see this? – We can provide you with some CSS for this.

Thanks,
David.

[isasimo]

Hi David,

Thanks to this post I solved the header layout problem. Hurray!

But now I need to change some CSS because the position of the menu on the top looks a little bit ugly. I would like to position the switcher language menu next to the menu on the right side (I attached a screenshot). I’ve tried but it was a disaster. Really.

I would really appreciate your support in this impossible-mission-for-me task. Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#main-navigation{
float:left !important;
}

Thanks
Mohammad

[isasimo]

Thank you so much!

This it solved both issues!
But I need the language menu looks different from the main menu. I just would like to position the languages on the right side like this screenshot.

Thanks again for the support!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.menu-item-language:first-child{
margin-left:110px !important;
}

Thanks
Mohammad

[isasimo]

It has no difference with this code. It seems doesn’t affect to the first-child li.

.menu-item-language:first-child{
margin-left:110px !important;
}

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.menu-item-language:nth-child(6){
margin-left:110px !important;
}

Thanks
Mohammad

[isasimo]

IT WORKED!!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad