[Resolved] Menu Colours

[Tom]

Is there any chance you can make me a short video highlighting the issue? Just so I know 100% what I’m looking at.

[Garth Dryland]

Hi Tom

What software/format do you typically use for that ??

Last time i did this I used Jing but you had issues viewing the format i used. I think Jing changed their format for the free version from MPEG to flash based or something like that. Either way I know you had an issue seeing what I created.

What do you suggest I use ?

Cheers

[Tom]

https://www.useloom.com/ might be worth checking out 🙂

[Garth Dryland]

Hey Tom

Loom seems okay.. Better then Jing I reckon.. Hopefully you can see this and get what i mean..

https://www.useloom.com/share/cc18b6f376ff40b1a88043c99532b6e7

Cheers

[Tom]

That helped a lot, thank you!

Can you try this CSS instead?:

#site-navigation .main-nav ul li.sfHover > a,
#mobile-header .main-nav ul li.sfHover > a,
#sticky-navigation .main-nav ul li.sfHover > a {
    background: transparent;
}

[Garth Dryland]

Hi Tom

I’ve exchanged that CSS replacing the last.

Now the hover colour appears to be acting correctly but the clicked colour requires a click in the body to get it to show clearing the transparent background portion which appears to be sitting on top hiding it.

In mobile view you still need to click the item twice to get the clicked colour to show clearing the transparent. The hover color appears to be working.

PS: Not sure if you know but Loom even notifies of views to browser and email so I was expecting your reply.

[Tom]

We’re getting closer.

Let’s try this instead:

#site-navigation .main-nav ul li.sfHover > a, 
#mobile-header .main-nav ul li.sfHover > a, 
#sticky-navigation .main-nav ul li.sfHover > a {
    background: transparent;
}

#site-navigation .main-nav ul li.sfHover > a.mPS2id-highlight, 
#mobile-header .main-nav ul li.sfHover > a.mPS2id-highlight, 
#sticky-navigation .main-nav ul li.sfHover > a.mPS2id-highlight {
    background: #6c6753;
}

[Garth Dryland]

Who da man #sorted

I’ve sent you a few bucks for ongoing dev #592718 via the donate link. It’s been a while since last time.

Cheers heaps Tom

[Tom]

Thanks so much! I really appreciate it 🙂

[Garth Dryland]

Same and you’re welcome Tom

[Richard]

Hi . . .

Just bought the theme, and am very happy so far. But also wanted to say that I was having the same issue with the focus/hover color not being released when manually scrolling the page (am also using Elementor and PS2ID), and the CSS suggested in #579031 did the trick.

IMHO this should just be baked-in to the codebase, as this is normal expected behavior. I absolutely understand and appreciate the need to support accessibility, but there should be a way to achieve both in this case.

Anyway, glad I found this post, and thanks for the excellent theme, so far am extremely happy with the purchase.

Cheers,

Richard

[Author]

Posts