I managed to fix the HTML <span> tags by creating a custom translated menu for english, thanks! But I still can't find the reason why the mobile menu code doesn't work since it worked in the sandbox. I downloaded the layouts from the site so the configuration is the same. Is there some bug or something you can see causing it?
Can you please elaborate a bit more on the problem?
How can I see it? What's the expected behaviour of the mobile menu? As far as I can see in the sandbox site, the menu behaves the same way in both languages. But on your site, it doesn't? Did you try creating a custom translated menu for the mobile English version?
The expected look is the one on my swedish site (main language), left aligned and + icons to expand submenus but it looks different in english. The code for those things are located in a code module in the header theme builder layout. I'll send images too, but in the sandbox it works in both languages for some reason but I can't find what the difference is.
I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue.
It would be better to a testing site where the issue is replicated.
The information you will enter is private which means only you and I can see and have access to it.
Maybe I'll need to replicate your site locally. For this, I'll need to temporarily install a plugin called “Duplicator” or "All in One WP Migration" on your site.
This will allow me to create a copy of your site and your content.
Once the problem is resolved I will delete the local site.
**IMPORTANT**
- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields.
You will find it under Divi > theme builder > edit global header > click the purple ... icon at the bottom center to open the menu. Then at the left down corner you will se a icon left to the search icon with 3 shapes in it. Click that and you will se the wireframe version of the layout, then you will see a code module you can edit.
The reason the mobile submenu toggle isn’t working on the English version of the site is that the necessary <span class="menu-closed"></span> elements (which act as toggles) are missing in that version's menu HTML.
In the Swedish version, these spans are either manually added or dynamically inserted via JavaScript targeting a specific menu container (#dd-menu-mobile). However, in the English version, the menu lives inside a different container (e.g., #mobile_menu2), so the JavaScript never finds it and doesn't inject the toggles.
To resolve this, you have two options:
1. Ensure the English mobile menu uses the same ID and structure as the Swedish version (e.g., wrap it in #dd-menu-mobile).
2. Modify the JavaScript selectors to also target #mobile_menu2 and apply the same logic.
This should make the toggle icons appear and the submenu functionality work on both language versions.
Thanks, since it worked in the sandbox when I uploaded the header I tried downloading that header and replacing it on the staging site. It resulted in the mobile menu being kind of correct, left aligned and right styling but no + icons. Then I tried uploading the same layout to the real site and then all of a sudden it works on both languages like in the sandbox. Thankfully it works now but it has to be some kind of bug somewhere that causes this. It seems to be very random but thanks for your help!
I am closing this ticket. Please open a new one if you need.
Best Regards,
Otto
Manage Cookie Consent
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.
