The submenu “Products” at https://www.mixaco.com/en appears the right way (this problem exists only on desktop view). Please compare the submenu item “Produkte” at https://www.mixaco.com/ (German version). The submenu in the German version appears not directly as submenu under “Produkte”, it is shown more right (in Chrome browser)
The German version has <div class="avia_mega_div avia_mega2 six units" style="opacity: 0; display: none; right: -639px;">
The English version has <div class="avia_mega_div avia_mega2 six units" style="opacity: 0; display: none; right: -510px;">
Both language versions have same theme settings and are based on the same child theme.
Where does this difference comes from and how to fix this? Many thanks.
Hey MIXACO,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#menu-item-3346 .avia_mega_div.avia_mega2.six.units {
right: -510px !important;
}
The position is calculated in JavaScript, it might be taking something else into account.
If you need further assistance please let us know.
Best regards,
Victoria
Thanks, that works.
I don’t know, what#s the difference between German and English site, but ok. Thanks for your support, you can close the topic. :-)
Hi MIXACO,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria