Menu button dissapears on mobile

[Cherylwoodman]

Hi there,

I hope you can help. The menu button on mobile has been misbehaving for a while;

1. For some people it doesn’t open when tapped - just disappears.
2. For others it opens but then if tapped again it disappears and you lose the ability to access the menu if you don’t tap a menu option the first time

My website > https://www.honestyforyourskin.co.uk/

Can you help?

Cheryl

[tristup]

Hi @Cherylwoodman,

Thanks for reaching out.
I have checked your website and found that the Hamburger color is set to white while hovering or clicking and that is why it is not visible over the white background.

I would suggest you remove the custom CSS code which overrides the default color settings to get rid of this issue.

Hope it helps.
Thanks

[Cherylwoodman]

Thank you so much. I may need a little more direction with this - I’m trying to find this code in my custom CSS file - however I can’t locate it. When I inspect the element here, it tells me it’s set to black - see this screenprint. Can you help? >

[tristup]

Hi @Cherylwoodman,

It shows the black color on collapsed and you have the issue while hovering the Menu. As you have already used the cache plugin to minify the CSS code it will be very difficult to tell you where exactly this code is written, I would suggest you disable the minification temporarily and check the path from Browser debugger as shown in the screenshot given in the previous post.

Hope it helps.
Thanks

[marc_a]

Hey @Cherylwoodman,

If you can’t find the custom CSS code, you can override it. You can use the CSS code below.

.x-btn-navbar:hover {
    color: #b8b8b8 !important;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps and thank you for understanding.