Main Menu undercolor settings - Forum | JoomShaper
Solved Helix Framework

Main Menu undercolor settings

Asked by mti 1 year ago Last activity 1 year ago

Is it possible to somehow set the undercoloring of the menu in the Main Menu under the passing mouse cursor?
Kind of like on the site https://www.turceksro.sk/index.php
Thank you

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Thanks Pavel for helping him.

Mehtaz Afsana Borsha Staff

Thanks mti for accepting the answer.

8 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

mti Asked this

Not the color of the cursor, but the background color of the menu on which the cursor is. When I move the cursor to another menu item, the background of the menu where the cursor is no longer changes to white, and the background of the menu that the cursor comes to changes to, for example, gray

Mehtaz Afsana Borsha Staff

Hi

You can use this CSS in your custom.css file

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a {
    background: #bcb5b5;
}
Pavel
1 year ago · edited

Hi. Perhaps you use the wrong terminology, but your old page does not have the background color changes on hover, there is only the text color changes on hover

The change in background color would look like this.

Therefore, you should provide an accurate explanation of what you want.

mti Asked this

OK, I'll try to explain it differently.
I would need to somehow set the background color under the first, second and third level menu text on mouseover. So that not only the text but also the background under the text is colored. I am attaching pictures
this is how it is now
![(https://turceksrosk-my.sharepoint.com/:i:/g/personal/martin_turcek_turceksro_sk/ERO3gF5IIpJHqbL-rBqREiwBvX2MwfaQ8ryYlH7UaR9gIQ?e=KbC2zT)]
A takto by som to nejak chcel aby to bolo
![(https://turceksrosk-my.sharepoint.com/:i:/g/personal/martin_turcek_turceksro_sk/EfXBFC0vGc5IiyCXATze1sUBXrw37p5V8E-O9d7tShB0Hw?e=qFP8zQ)]
thank you

Pavel
1 year ago · edited

Hi.

Now it’s clear

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    display: block;
    padding-inline: 20px;
    margin-inline: -20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #e03731;
    background-color: #eee;
}
mti Asked this

Perfect, exactly what I wanted
Thank you

Log in to reply.