Uber menu extension help needed with some issues RESOLVED

[klelietta]

Hi, first I tried to ask the WPML support for this issue but they confirmed is a setting in the Uber menu so here I am.

It’s just the flags on my main menu. They are set as dropdown to save space (website is www.mysardiniaholidays.com on my other website I also have them but not a Uber menu and so I don’t have the issue)

I show you what I mean:

The dropdown menu goes to a large row and there must be some setting I can change just for the flags to make them normal drop down. I checked the whole main settings but there is a lot that can be customizable and I have no idea how (without messing up the whole menu)

Thanks in advance for your help

[ruenel]

Hello Clelia Mattana,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.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;
}

For more details, you may refer to this article:

• https://sevenspark.com/docs/ubermenu-3/plugin-compatibility/wpml

Hope this helps. Kindly let us know.

[klelietta]

@RueNel

.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;
}

It worked! Finally I swear I tried everything I could think of, thank you so much!

[lely]

You’re always welcome Clelia!

Glad @RueNel was able to help you here.

Cheers!