Hamburger disappears on hover

[FrancoB]

For some reason when I hover over the hamburger it disappears. This is troublesome on mobile. I am running a child theme and the site is: https://thelivingtruthfellowship.org

[rubin]

Hey There,

Please go to the Theme Options > CSS and add following custom css code:

.x-btn-navbar.collapsed:hover {
color: #999;
}

This will resolve the issue. You can alter the color by replacing the #999 with any other HEX code to make the burger appear in a different color when hovering over it.

[FrancoB]

One more thing… on mobile when I click on the hamburger it works, but when I click again to close the menu the hamburger disappears. Also, for some reason it only does it on the home page. Here is the CSS I 'm using:

.x-btn-navbar, .x-btn-navbar.collapsed {
color: #5e5e5e;
}
.x-btn-navbar:hover, .x-btn-navbar:hover {
color: #5e5e5e;
}
.x-btn-navbar.collapsed:hover {
color: #999;
}

[ruenel]

Hello @FrancoB,

I have checked your site and I could not replicate the issue. This is what I am seeing:

You may need to clear your mobile phone browser cache or use private browsing mode and test the site again.

Kindly let us know how it goes.

[FrancoB]

It is working fine now. Thank you!

[ruenel]

You’re welcome @FrancoB.