Docs

[nathantt]

Hi, I’m currently developing a large site. It is split into 3 different study areas, many pages are actually shared across these 3 study areas.

Looks something like this:

Study Area 1
– Page X
– Page B
– Page C

Study Area 2
– Page X
– Page D
– Page E

They way Ubermenu behaves is to mark the parent item of the active child page as “selected” and changes the font color of said parent item. Now because both study areas have the child page, Page X, navigating to Study Area 2 > Page X will cause both Study Area 1, and 2 to be marked as “selected” so both parent nav items will have their CSS changed.

The only solution I have come up with so far is to duplicate the pages, but I do not want duplicate content. Does anyone else know a way around this?

[Rad]

Hi there,

Thanks for writing in.

For clarification, you wish to remove the active status of parent menu if their child menu is selected, right?

In that case, would you mind providing your site’s URL that has this?

Thanks!

[nathantt]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It’s very logical and I can’t find a feasible solution to overcome this. It’s a feature of UberMenu and we can’t alter any functionality of our integrated plugin. You can try creating different pages and link them separately. It might not be convenient for you but as you are doing it a bit unusual (adding same page as submenu for multiple parent), so you have to overcome this a bit unusually.

Here is the default CSS by Ubermenu for this :

.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #aa0000;
} 

Let’s see if you can do something with that.

Cheers!

[Author]

Posts