Docs

[spencerdauphin]

Hi,

I tried to raise a support ticket with UberMenu but they said as we obtained it via X Theme we should raise it here…

We have a 3 level UberMenu. Top Level -> Header -> Submenu.

When we highlight the Top Level, Header or Submenu item the background and text colours change as required.

However, if we hover over the submenu the Header item changes font colour (but not background colour).

Is it possible to stop the Header item to stop changing the font column when the submenu is hovered over?

Cheers
Spence

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.ubermenu .ubermenu-item:hover > .ubermenu-target {
	color: #fff !important;
}
.ubermenu .ubermenu-item > .ubermenu-target:hover {
	color: #25addd !important;
}
.ubermenu .ubermenu-item-level-0 > .ubermenu-target:hover {
	color: #fff !important;
}

Hope it helps 🙂

[spencerdauphin]

Hi Thai,

Unfortunately not. Thanks for the quick reply, though!

Cheers
Chay

[Thai]

Hi There,

There is a missing curly bracket(}) in your custom CSS, please find this CSS:

@media (max-width: 1090px) {

.video-p {
	font-size: 18px!important;
}

.video-head {
	font-size:48px;
}

}
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
outline: transparent !important;
}
.single-post .entry-featured {
width: 100%;
height: 25%;
}
}
.x-sidebar.right {
height: 860px;

  .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before {
 display: none;
}
  .ubermenu-nav .ubermenu-submenu {
     border-radius: 4px;
}
  .ubermenu .ubermenu-item:hover > .ubermenu-target {
	color: #fff !important;
}
.ubermenu .ubermenu-item > .ubermenu-target:hover {
	color: #25addd !important;
}
.ubermenu .ubermenu-item-level-0 > .ubermenu-target:hover {
	color: #fff !important;
}

And replace with this:

@media (max-width: 1090px) {
	.video-p {
		font-size: 18px!important;
	}

	.video-head {
		font-size:48px;
	}
}
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
	outline: transparent !important;
}
.single-post .entry-featured {
	width: 100%;
	height: 25%;
}

.x-sidebar.right {
	height: 860px;
}

.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before {
	display: none;
}

.ubermenu-nav .ubermenu-submenu {
    border-radius: 4px;
}
.ubermenu .ubermenu-item:hover > .ubermenu-target {
	color: #fff !important;
}
.ubermenu .ubermenu-item > .ubermenu-target:hover {
	color: #25addd !important;
}
.ubermenu .ubermenu-item-level-0 > .ubermenu-target:hover {
	color: #fff !important;
}

Hope it helps 🙂

[spencerdauphin]

Just found this and came up update the this ticket!

Thanks Thai, you’ve been brilliant!

Cheers
Spence

[Thai]

You’re most welcome, Spence 🙂

If you need anything else please let us know.

[spencerdauphin]

This reply has been marked as private.

[Rad]

Hi there,

Please add this as well, the issue is happening since the styling is only applied on hover. This will also apply it on sub-menus ancestors.

.ubermenu .ubermenu-item.ubermenu-item-6023.ubermenu-current-menu-item > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-6023.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #ffffff;
    color: #25addd !important;
}

Cheers!

[spencerdauphin]

Perfect thanks!

All sorted 🙂

[Lely]

You’re welcome!

Cheers!

[Author]

Posts