UberMenu help - sub menu/dropdown displayed too small

[l_eckardt]

Hi there,

we have an issue with the display of the English translation of our UberMenu.

Let me describe it:
The German version works perfectly fine, but the English one is displayed too small.
We have compared all the settings and could not find the problem.

this is what it should look like

and this is how it looks in English:

It only concerns the “Location” menu tab. The others are normal navigation points.

Could you have a look at it and let us know what we have missed?

Thank you
Lisa

[prakash_s]

Hello @l_eckardt,

Thanks for writing to us.

It seems that you have not set the background of the Ubermenu, You need to go to the Menu—>Select the menu that you are using for that language —>Click on the Uber menus settings icon—>Customization Style —>Background color.

For the quick fix, you can use custom CSS code as well under Theme Option —>CSS

.localisation-menu .ubermenu-submenu-id-2415 {
background: #fff;
padding-top: 25px;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[l_eckardt]

@prakash_s

.localisation-menu .ubermenu-submenu-id-2415 {
background: #fff;
padding-top: 25px;
}

Hello, thanks for your quick reply!
It didn’t work when we changed the background color but with the css code it worked well.
Can you explain why changing the background colour did not work?

Thanks!

[marc_a]

Hey @l_eckardt,

There could be overriding the background color from the customize option that’s why when you set the background color settings, the changes didn’t reflect. I suggest that you follow my colleague’s suggestion.

Thank you.

[l_eckardt]

We have another problem with the Uber menu.

After your help, everything worked on the development environment. Now we wanted to implement the Uber Menu on the LIVE.

Here is what we did:
Activated the Uber Menu via the Pro Add-Ons.
Rebuilt the Uber Menu on the LIVE

Problem: Uber settings and classes are not taken over on the LIVE (implemented by our programmer). We suspect a conflict of the Uber Menu on the DEV and on the LIVE.

We compared the settings but couldn’t find anything.

We have installed a backup of the Live on another installation.

Could you please take a look at the problem?

Thank you very much!

[tristup]

Hi @l_eckardt,

I have checked the Uber Menu settings and found that are identical in both servers. I have also checked that the UberMenu Sandbox is showing the identical output for both. It seems that there might be something else is blocking the Ubermenu to load into the frontend of your Live server.

I investigated further and found that the Header is not identical, Navigation Inline element has been used instead of the Ubermenu shortcode and the is the reason behind that Uber Menu is not showing.

I would suggest you compare both the Header and add the same elements and also the CSS code.

Hope it helps.
Thanks