Background of the issue:
I am trying to fix the width of the Menu dropdown on my website hidden link. The dropdown is too wide, and I am experiencing issues with it on both desktop and mobile versions.
Symptoms:
The Menu dropdown is too wide on both desktop and mobile versions. Screenshots of the issue are provided: hidden link and hidden link.
Questions:
I need a solution so that the width of the dropdown is not so wide, but has a suitable width and in the case of the mobile version, it still looks good.
Thanks for the suggestion, however, while you were replying, I have been researching and I have already used option #5 that you indicate but it does not work for me.
So if you could kindly point me to another option, as I am confused, as I have other clients using WPML and so far it has worked fine.
I checked the source-code of your home page and it seems your theme has rules setting the width of the menu which might not be able to be overwritten. To confirm, I'd like to check that directly on your website. For this I would need temporary access (WP-Admin and FTP) to your site, preferably to a test/staging site where the problem has been replicated if possible.
The required fields can be found below the comments section. The information you enter is private, i.e. only you and I can see it and have access to it.
I may need to replicate your website locally. To do this, I need to temporarily install a plugin called "Duplicator" or "All in One WP Migration" on your website. This will allow me to create a copy of your website and content. Once the issue is resolved, I will delete the local website. Let me know if this works for you.
IMPORTANT
Please make a backup copy of the site files and database before giving us access.
- If you do not see the wp-admin/FTP fields, this means your post and site login details are being made PUBLIC. DO NOT post your website details if you do not see the required wp-admin/FTP fields. If you do not, ask me to enable the private box. The private box looks like this:
There was custom code on your website overwriting the WPML default options, that's why it was so large. I've corrected it for you.
If you wish to adjust it, you can tweak the width in Divi > Theme Options > Custom CSS, on line 24, as shown in the image, by changing the width from 60px to other values.
Please note that the creation and maintenance of custom code is completely out of the scope of our support, but since your request was a simple one, I made an exception 🙂
I still have one question. If I use the incognito window in Chrome and open the page there, I still see the dropdown menu in the English version, but it looks fine in the German version.
I am sending you a screenshot.
Best regards and thank you for taking the trouble with the custom code.
