This thread is resolved. Here is a description of the problem and solution.
Problem:
The client is trying to display the language switcher in the secondary menu on mobile view and wants to remove an overlapping dark grey background.
Solution:
We recommend including a custom language switcher and using a CSS media query to make it visible only on mobile view. Here are some guides to help you:
- Adding language switchers using PHP and shortcodes
- How to display or hide the language switcher on specific pages
- CSS3 Media Queries
To change the background color, you can modify the CSS rule provided by the theme:
.secondary-navigation ul ul {<br /> background-color: #303030;<br /> top: auto;<br />}
For example, to have a white background and adjust the width, use the following code:
.secondary-navigation ul ul {<br /> background-color: #ffffff;<br /> top: auto;<br /> width: 65px;<br />}
You can add this to the Customizer's additional CSS settings or create a child theme and include it in the style.css file.
Please note that this solution might be irrelevant if it's outdated or not applicable to your case. If the issue persists, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If you still need assistance, please open a new support ticket.
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.
This topic contains 4 replies, has 2 voices.
Last updated by 1 year, 2 months ago.
Assisted by: Andreas W..