Topic: Configuring WPML language switcher in ubermenu

Tagged: x

Author

Posts
February 27, 2017 at 3:31 pm #1387866

andreatq
Participant

Dear all,

I am using WPML for my bi-lingual page and I would like to configure the WPML language switcher in my Ubermenu. The menu items shall be displayed centered, and the menu switcher on the right hand side of the menu. In addition I would like to configure the switcher button to be narrow and and to have a differently colored background. The site is http://tiebelquast.pics
As of yet, I did not find a way to manage this via the options offered by the configuration page. Your advice would be really highly appreciated!
Thanks a lot in advance for your kind support!

Best wishes,

Andrea

February 28, 2017 at 12:32 am #1388339

Christopher
Moderator

Hi there,

Please select to display language switcher in primary menu under WPML settings so we can help you with the style.

Thanks.

February 28, 2017 at 11:48 am #1389072

andreatq
Participant

Hi Christopher,

sorry, I switched it off, because it is not up and running, yet. Just switched it on, again.

Best wishes,

Andrea

March 1, 2017 at 2:54 am #1389928
Christopher
Moderator
Hi there,

Please add following code in Customize -> Custom -> Global CSS :
```
li#menu-item-wpml-ls-18-en a, li#menu-item-wpml-ls-18-de a {
    background-color: red;
    padding: 4px;
}

li#menu-item-wpml-ls-18-en, li#menu-item-wpml-ls-18-de {
    float: right;
    margin-right: 10px;
}
```
Hope that helps.
March 1, 2017 at 6:12 am #1390134

andreatq
Participant

Hi Christopher,

works perfectly.
Thanks a lot!

Best wishes,

Andrea

March 1, 2017 at 6:45 am #1390183

Christopher
Moderator

You’re welcome.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1387866 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>