Main Menu Undercolor Settings - Question | JoomShaper

Main Menu Undercolor Settings

M

mti

Helix Framework 9 months 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

0
12 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #180314

Thanks Pavel for helping him.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #180324

Thanks mti for accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #180123

Hi

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

-Regards.

0
M
mti
Accepted Answer
9 months ago #180124

it works great on line https://www.turceksro.sk/index.php and I would need it to work on https://www.turceksro.sk/xtuweb2/ as well I can't insert a photograph here

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #180240

Hi

Do you want to change the main menu hover color?

0
M
mti
Accepted Answer
9 months ago #180241

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #180243

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;
}
0
M
mti
Accepted Answer
9 months ago #180244

Thank you, but I thought it should be like on my old page at this link https://www.turceksro.sk/index.php

0
Pavel
Pavel
Accepted Answer
9 months ago #180282

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.

0
M
mti
Accepted Answer
9 months ago #180351

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

0
Pavel
Pavel
Accepted Answer
9 months ago #180409

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;
}
0
M
mti
Accepted Answer
9 months ago #180451

Perfect, exactly what I wanted Thank you

0