[Resolved] Main menu drop down for language switcher bad css

Hi,

Thank you for contacting WPML Support. Please note that WPML language switcher dropdown takes formatting from the currently activated theme to make the style consistent with other menu items. To override that style on wpml language switcher dropdown you may try to use the below CSS:

.wpml-ls-item ul.sub-menu {
    margin-top: -50px;
    min-width: 78px !important;
}

In the custom CSS section of your theme, it will look as in the attached screenshot.

Please let me know if this resolves your issue or if you need further assistance with this issue.

Please understand that I'm helping you here with an issue that is out of the scope of our support forum and we will not be able to support this particular fix in the future. Because the theme or our code might have changed, so please always be aware of this. Right now it's working without any issue.

Thank you

Could you please replace the previously added CSS with this one:

@media (min-width: 1200px) {
  .wpml-ls-item ul.sub-menu {
    margin-top: -78px; 
    min-width: 78px !important; 
    background-color: transparent !important; 
    margin-left: -26px; 
  }
}

And see if this resolves the issue.

Thank you for your cooperation and patience

Thanks for the additional details. Could you please try to use the below CSS for mobile view:

@media (max-width: 1200px) {
.pxl-menu-primary .sub-menu li.wpml-ls-item a, 
.pxl-menu-primary .children li.wpml-ls-item a {
	padding: 0 12px !important;
}
}

You may adjust it according to your needs if needed, and it will look as in the attached screenshot.

Please let me know if this resolves the issue or if you need further assistance with this issue.

Thank you