This is the technical support forum for WPML - the multilingual WordPress plugin.
Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 12:00 – 20:00 | 12:00 – 20:00 | 12:00 – 20:00 | 12:00 – 20:00 | 12:00 – 20:00 | - | - |
| - | - | - | - | - | - | - |
Supporter timezone: Asia/Karachi (GMT+05:00)
 |
|
 WPML Supporter since 06/2016 Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00) |
I was not receiving a reply in chat so I moved the chat into a forum ticket for follow up. If you have created different menus for desktop and mobile then you should be able to achieve it by following the below steps: 1. Go to the WPML >> Languages page Please let me know if this resolves the issue or if you need further assistance with this issue. - If the above steps don’t help, please add the debug report in the Debug Information box. I have also enabled debug info box for your next reply: https://wpml.org/faq/provide-debug-information-faster-support/ Thank you   |
|
|
Hello. Regarding your advice, I can not follow it as it simultaneously corresponds to my both menus I created for desktop and phone. For desktop I need the switchers to be the last item and not in the drop down menu. I am attaching the settings I made for the desktop. I could not find another place for a phone menu.  |
|
|
|
|
WPML Supporter since 06/2016 Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00) |
Thank you for your feedback, and I apologize for any inconvenience caused during our chat. To address your query, there isn't a straightforward way to achieve separate settings for the language switcher on mobile and desktop menus. However, you can accomplish this using one of the following methods: Method 1: Using a Custom Language Switcher and Shortcodes 2. Please install any plugin which provides an option to use the shortcode in menu items, add first menu item in desktop menu, and use the Custom language switcher shortcode in it: [wpml_language_selector_widget] 3. Then, you need to use the CSS with media queries to show and hide both language switchers in desktop and mobile view accordingly. Method 2: Creating Separate Menus for Desktop and Mobile 2. Create a mobile menu from Appearance >> Menus page and set its location as “Secondary Menu”. 3. Enable the CSS Classes option from Screen options as you can see in the attached screenshot. 4. Add the “hide-on-mobile” class to each desktop menu item. 5. Go to the WPML >> Languages > Menu language switcher and make sure to add the language switcher for 6. Go to the WPML >> Languages > Menu language switcher and make sure to add the language switcher for the mobile menu. 7. Now, you can hide/show it using CSS as follows: #top-header {display: none !important;}
@media(max-width: 980px) {
.hide-on-mobile,
.et_mobile_menu > li.wpml-ls-item:not(.menu-item-has-children) {
display: none !important;
}
}
You may add that CSS in WPML >> Languages > Additional CSS section. I’ve tested Method 2 on a fresh WordPress site using the Divi theme, and it works as expected. You can check the setup and settings through this auto-login URL: Please let me know if this resolves the issue or if you need further assistance with this issue. Thank you for your cooperation and patience       |
The topic ‘[Closed] Moving language switcher in the phone menu up to the first place’ is closed to new replies.