WMPL Language and currency switcher

Hello,

In order to add currency switcher drop-down you will need:

1. Add a text Text/HTML to Header Builder as shown: http://prntscr.com/iz8jf5

2. Insert there the shortcode [currency_switcher]

Here you will find instructions on currency switcher configurations: https://wpml.org/documentation/related-projects/woocommerce-multilingual/multi-currency-support-woocommerce/

If you want to add the language switcher take the following steps:

1. Create a menu in Appearance > Menu

2. Create language switcher for menu

3. Add menu, created in the Appearance > Menu via the Secondary menu in Head Builder http://prntscr.com/iz8ns8 and http://prntscr.com/iz8ny4

You can find more instructions https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/

Best Regards

Hello,

Could you please provide us your admin access so we can check how it looks on your website now and provide you some additional recommendations?

Regards

But already gave you an instruction how to make it look as on our demo. Probably, some settings are missed. But we have to see your website to understand why it looks this way and not the same as on our demo.

Hi,

WPML Currency switcher

Our main demo is using default WordPress Menu placeholder that may not look like the final plugin that changes the currency or language of the site.

1. Since the content of the shortcode is controlled by the WPML plugin, the menu items of the WPML currency switcher dropdown cannot be changed via WordPress theme. Try to contact plugin support.

2. Unfortunately, the HTML structure of the WPML currency switcher menu does not allow us to apply the same underline style as on the standard WordPress menus.

3. Try to use the following code snippet to control the font size of the currency switcher menu items.

.whb-text-element .wcml-dropdown a.wcml-cs-item-toggle {
	font-size: 12px;
}
.whb-text-element .wcml-dropdown .wcml-cs-submenu li a {
	font-size: 12px;
}

WPML Language switcher

Language switcher shortcode [wpml_language_selector_widget] have his own style options in WPML plugin settings page https://prnt.sc/izqpr5. To place the language switcher in the site’s header, we recommend using menu language switcher, which completely inherits the style and structure of the standard WordPress menus.

1. You can enable underline style in menu element settings http://prntscr.com/izr6jw.
2. You can control the size of language switcher menu items via this CSS code snippet.

.menu-item-language-current > a .wpml-ls-display {
	font-size: 12px;
}
.menu-item-language .menu-item-language > a .wpml-ls-display {
	font-size: 12px;
}

3. Name of the language switcher menu items is related to the WPML plugin and unfortunately cannot be changed via the theme settings.

Regards

1. Code snippets can be added to the Custom CSS area in Theme Settings. https://prnt.sc/izs2wc
2. You can control width and padding of the language and currency switcher dropdowns menus via following shortcodes.

Language switcher

.menu-item-language .sub-menu-dropdown {
    width: 165px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-item-language .sub-menu-dropdown ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
}

Currency switcher

.whb-text-element .wcml-dropdown .wcml-cs-submenu {
    width: 165px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.whb-text-element .wcml-dropdown .wcml-cs-submenu li a {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

Regards

Hi,

Try to use the following CSS selector instead of the previous selector that was related to the language switcher.

.whb-secondary-menu .menu-item-language .sub-menu-dropdown {
    width: 95px;
    padding-top: 0px;
    padding-bottom: 0px;
}

Regards

Great, we are glad to help you!

Hello,

Yes, we are still checking this issue. It will take more time, as soon as we find out the reason or solution we shall get back to you immediately.

Hope for understanding.

Best Regards