Mobile: hamburger icon bug when font resizing

[oblaum]

hello,

when clicking larger textsize i am facing the problem on mobile,
that the hamburger navigation icon is getting black. how can i prevent this from happening?

live: https://dev.skate-bikepark.de/de/

thanks
oli

[prakash_s]

Hello Oli,

Thanks for writing to us.

I checked the given page URL it seems that there is an issue with the cache I would suggest you please clear your browser cache and then check it again.

Hope it helps
Thanks

[oblaum]

hello prakash_s,

i have deactivate wordpress caching and tested it on a private browserwindow on ios 16.0.3 –
still the same problem.

cheers!
oli

[ruenel]

Hello Oli,

This is the result I got from my Safari 16 on the iMac since I do not have an iPhone.

And this on my android phone:

I will ask our other staff who might have an iPhone to test your site as well.

Best Regards.

[oblaum]

thanks @ruenel to repreoduce it is important to click text enlarge (“text vergrössern”) the first button, see my screenshot.

[tristup]

Hi Oli,

I have checked the page and am able to replicate the problem you described here. The font size of each element in the content increases by clicking into the Text Enlarge option, as the Humberger menu size, is controlled through the font size, it got destructed. I would suggest you add the following code into the Theme Options > CSS to apply the CSS code only to the menu which will not be overriden by the Text Enlarge option.

.x-anchor .x-toggle-burger
{
    font-size:3px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[oblaum]

hello @tristup, very great that solved the issue! thank you very much! oli

[tristup]

Hi Oli,

Glad that we are able to help you.

Thanks