Get the selected menu item background with different color

Posted in : Efor
queviko
Participant
14 April 2022 at 14:25
#75728

Dear Support,

It is very confusing on mobile when people select a menu item. Effectively, there is no sign that the menu was effectively selected, so people have the tendency to click, again and again, without letting the new page have time to load.

So it there a way yo change the color of the background of the selected menu item on mobile, so that it is clear that the person effectively pressed it?

If so, where/how?

Thanks in advance,

Jean-Frederic
serkan
Moderator
15 April 2022 at 01:06
#75732
Hi, Can you try to use these custom css code
```
@media screen and (max-width: 767px) {
.is-menu-hover-marker-horizontal .nav-menu .link-text:before {
right: 0;
left: auto;
width: 0;
transition: width .3s;
width: 0;
height: 50%;
}
.current-menu-item { 
background-color: #f4e877 !important;
border-color: #f4e877 !important;
} }
```
queviko
Participant
15 April 2022 at 10:30
#75733

Thanks Serkan but it does not do the expected job.

If only hilight the selected menu WHEN the new page IS loaded, not as soon as the menu item is selected.

So the background if the selected menu item remains white as long as the selected page is not yet loaded. So people still don’t know if they have correctly press the link.

Regards,

Jean-Frédéric

serkan
Moderator
18 April 2022 at 10:17
#75757

Hi Jean-Frédéric,
I will forward this topic to our developer and i will keep you updated.
Thanks
ahmetsali
Keymaster
18 April 2022 at 19:07
#75765
Hi, you can try this custom css code;
```
.nav-menu a { -webkit-tap-highlight-color: rgb(230, 215, 158); }
```
Cheers.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Efor - Coaching & Online Courses WordPress Theme

by pixelwars