Highlight menu item in color - Forum | JoomShaper
Staff replied Helix Framework

Highlight menu item in color

Asked by daniel 4 years ago Last activity 4 years ago

Hello, everyone
I've been sitting here for a few days with a problem that I can't solve.
I want to display the menu in full color by hovering over the selected menu item.
It works that way, but I need the full width of the menu window
Thank you for your time - Daniel

P.S.:
Why the hell can't you attach a simple screenshot here ??
Something like Editor -> Insert Image does not appear here :-(

6 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

Hello daniel

Please share a screenshot of your issue to understand it better. Take a screenshot and share via any platform. For example: Lightshot or Imgur

Best regards

Pavel
4 years ago · edited

Hi. Try this

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    display: block;
    padding: 15px 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background-color: #a4ccef;
}
Ofi Khan Staff
4 years ago

daniel, please try the CSS tip from Pavel. It should work.

daniel Asked this
4 years ago

Great, it works :-) :-) :-)

Thank you very much, you save my Day:-)

Ofi Khan Staff
4 years ago

You are welcome. Thanks to Pavel.

Log in to reply.