Docs

[TheoryUnit]

Hi there,

I’m trying to do two things to the custom menu which is in the footer widget 1 in this website:

http://ancientmesopotamiasoap.com (it’s the menu with Antiochia Soap, Mardin Soap, Nablus Soap etc). Login details in the next post.

1) Style the menu-item-hover so the background doesn’t turn white on hover, but stays transparent, and also so the text turns to this colour:#d1af52

2) Hide the submenu items so they only appear when clicked on (or hovered over).

I can’t find a way to target it properly — your help greatly appreciated!
Thanks,
Matt

[TheoryUnit]

This reply has been marked as private.

[Darshana]

Hi there,

#1. You can add this under Custom > CSS in the Customizer.

.widget_nav_menu ul li a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #d1af52;
}

#2. By default, that’s how the footer menu appears. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks!

[TheoryUnit]

Okay thanks,

How about disabling the submenus in the widget menu? Is that possible?
Thanks,
Matt

[TheoryUnit]

Ah, I worked that out:

.widget_nav_menu .sub-menu {
    display: none;
}

One more question please: I have a white background on the currently selected menu item in the footer widget menu — how can I turn it transparent?

Many thanks,
Matt

[TheoryUnit]

Worked that out too:

.widget_nav_menu .current-menu-item > a {
 background-color: rgba(0, 0, 0, 0);
}

Might be learning something finally =)
Cheers,
Matt

[Lely]

Hi Matt,

Glad you were able to figure that out.
Upon checking, I can see you have made current selected menu item transparent already by using the following CSS:

.widget_nav_menu .current-menu-item > a {
 background-color: rgba(0, 0, 0, 0);
}

That will work. Same result with this:

.widget_nav_menu .current-menu-item > a {
    background-color: transparent;
}

Cheers!

[TheoryUnit]

Great thank you!
Cheers,
Matt

[Joao]

You are welcome,

let us know if we can help you with anything else.

Joao

[Author]

Posts