[queviko]

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]

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]

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]

Hi Jean-Frédéric,
I will forward this topic to our developer and i will keep you updated.
Thanks

[ahmetsali]

Hi, you can try this custom css code;

.nav-menu a { -webkit-tap-highlight-color: rgb(230, 215, 158); }

Cheers.