[Resolved] Language Switcher Dropdown got covered and not show in full
This thread is resolved. Here is a description of the problem and solution.
Problem: If you're experiencing issues with the language switcher not appearing correctly on mobile devices while using the Avada theme, where it is hidden by the container below, we can help. Solution: We recommend adding specific CSS to adjust the z-index of the elements involved. Please navigate to Appearance > Customizer > Custom CSS area in your WordPress dashboard and add the following CSS code:
#main {z-index: 0; position: relative;}
This adjustment should make the language switcher visible on mobile devices.
Please note that this solution might be outdated or not applicable to your specific case. We highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the issue persists, please do not hesitate to open a new support ticket at WPML support forum for further assistance.
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.
Background of the issue:
I'm trying to have the language switcher appear in the header of my site using the Avada theme. It displays perfectly on desktop but is hidden on mobile.
Symptoms:
The language switcher dropdown is covered and not showing in full on mobile, hidden by the container below it.
Questions:
How can I adjust the z-index to make the language switcher visible on mobile?
I would like to kindly request temporary access (wp-admin and FTP) to your site in order to thoroughly examine the issue. The necessary fields can be found below the comment area. When you log in to leave your next reply, please be assured that the information you enter is private and will only be visible to you and me.
Our Debugging Procedures
I will thoroughly review various settings in the backend to determine if the issue can be resolved. While I will not make changes that affect the live site, it is still advisable to back up the site before granting us access. Should further debugging be necessary, I will create a duplicate and work in a separate, local development environment to avoid any impact on the live site.
- Prior to granting us access, please ensure that the site files and database are backed up.
If you do not see the wp-admin/FTP fields, please refrain from posting your website details as they will be made public. Kindly request me to enable the private box if you do not see the required wp-admin/FTP fields. You can find the private box by following this link: hidden link
