WPML flags not aligned properly on Uber menu - RESOLVED

[klelietta]

Hi I already asked for help with this issue and it worked on my X theme website (now converted to PRO but still working) . You told me to add the following CSS code: .ubermenu .ubermenu-item-level-0.ubermenu-wpml-ls-item .ubermenu-submenu{
min-width: 0 !important;
width: 60px;
left: auto;
max-width: 60px;
}

.ubermenu .ubermenu-item-level-0.ubermenu-wpml-ls-item > .ubermenu-submenu > .ubermenu-item > .ubermenu-target{
padding-top:8px;
padding-bottom:8px;
}

So for the websites where it’s working (www.keepcalmandtravel.com) it looks like this:

while for the site with troubles (www.cleliamattana.com) it looks like this:

The CSS is exactly the same, both are PRO themes…what should I do to make it right?

Thanks!

[tristup]

Hi @klelietta,

Thanks for reaching out.
The referred CSS code is not found in the site where you are having the issue, I would suggest you add the same code to Theme Options > CSS.

Please find the code for your reference:

.ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-wpml-ls-item > .ubermenu-submenu
{
    width:60px;
    min-width:60px;
    left:auto;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-wpml-ls-item > .ubermenu-submenu > .ubermenu-item > .ubermenu-target
{
    padding-top:8px;
    padding-bottom:8px;
}

Hope it helps.
Thanks

[klelietta]

It worked, thanks a lot for your help!

[tristup]

Hi @klelietta,

Glad that we are able to help you.

Thanks