Ubermenu current state of a link - not showing the css

Support
#1

This is something I absolutely can’t reproduce.

I have multilanguage site with two different custom headers for each language. Works all just perfect.
Each header has it’s own menu with different IDs in an “text element”. Works great as well.
But - the issue is “current”
Language A (main language = german) - all works as expected
Language B (second language = italian) - duh…

Both menues are set up the exact same way, especially the ubermenu custom styling.

More details in secure note

Thank you very much in advance for any hint.

#2

Hello
Is this so hard to crack because you can not support a 3rd party component = ubermenu?

Thx in advance

#3

Hi Ondrej,

Thanks for reaching out.
I have checked your German and Italian versions but unfortunately didn’t find the issue you described here. Can you please provide any screenshot marked with the issue or any video that helps us to recognize the problem?

NOTE: As it is a bundled plugin we do support this and if the issue is related to the plugin we inform Plugin Author of this.

Thanks

#4

Thx for your answer.
The issue: Current state of the menu link should have a dark blue background. In some cases it does, in some not. Even though the settings in ubermenu custom style are exactly the same.

Details pls see secure note

#5

Hello Ondrej,

I have inspected your site and I found out that you have two separate custom headers:

Screenshot 2023-06-17 at 11.24.14 AM
Screenshot 2023-06-17 at 11.24.14 AM1376×606 62.1 KB

It is recommended that you use only one custom header and then translate that header using WPML in the builder. You may need to translate the menu items inside the custom header as well.

Best Regards.

#6

well - thank you for your suggestion - that is not an option though. What does this actually have to do with the css issue? Could you reproduce it?

other way: the option to set the current state background color is in the individual ubermenu settiings in: Design -> menus -> specific menu -> menu item -> uber -> custom styles?

#7

Question:

:current (.myclass) {background-color: #054777 !important;}

should work, right?

as there is an option for the class in the general section of the ubermenu settings

uber

class
class1026×591 49.1 KB

current
current875×433 27.4 KB

#8

Hello There,

The custom CSS of the current Ubermenu menu item is:

.ubermenu .ubermenu-item.ubermenu-item-1072.ubermenu-current-menu-item > .ubermenu-target, 
.ubermenu .ubermenu-item.ubermenu-item-1072.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #054777;
    color: #ffffff;
}

You should be adding your (.myclass) class to the `.ubermenu-current-menu-item class in the code above.

Be advised that custom CSS is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

#9

thx a heap!

anyway the question why the “method by design” works for one link and not for the other in the same menu with the same settings is still unresolved.

Example once again: if you choose “assistenza tecnica -> provare…” - all’s OK. But if you choose a link below “domande frequenti” - nope, not so much. both menu items have the same settings!

#10

Hello There,

You will have to remove the specific parent menu item and use something like this:

.ubermenu .ubermenu-item.ubermenu-current-menu-item > .ubermenu-target, 
.ubermenu .ubermenu-item.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #054777;
    color: #ffffff;
}

Be advised that custom CSS is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Hope this helps.

#11

Hello ruenel.
Thank you very much, but nope, it didn’t help. The menu in italian has in respect to the german menu all the same settings. In the german menu all works fine. Italian - nope, it does not. Your css has no effect whatsoever.

Anyway I’m not sure if I understand your suggestion removing essential parts of the menu just to make the “css” working properly. Pls check “contato” - this has no submenu - works perfect. Check the left side of the italian menu. here non of the ubermenu “current” css works properly. In german it does though.

#12

Hey @VRANKOVINA,

We already have mentioned that custom CSS is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts or you want us to investigate custom CSS, you may select our One service for further assistance.

Thank you for understanding.

#13

christian. I’m afraid you’re missing the point. This is not - emphasis on NOT - about custom CSS.

#14

Hey @VRANKOVINA,

After deeper investigation, this is not an issue with Ubermenu. The ubermenu-current-menu-ancestor is not present in your IT page. This is an issue with translation because it should be detecting that the page is a current menu ancestor.

This is beyond our theme’s control so what best we could do is report this case to Ubermenu’s author.

You should also reach out to the author of the tranlsation plugin you’re using.

#15

site uses WPML plugin.
And exactly! That is what I figured out as well reading the page source.
Yep… I guess contacting WPML guys is THE way.

#16

Glad that we could be of help!

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.