SOLVED: Mobile menu icon blue in iPhone

Bricks Version: all
Browser: Safari
OS: iOs
URL: You can check it in https://bricksbuilder.io

Now that we are seeing more and more sites created with bricks I’m realizing that the mobile menu icon in blue on iPhone it’s something constant, this is wht I’m posting like a bug.

This is related with that other post:

where you can see an screenshot, but this is happening in more sites.

To reproduce it you need an iPhone, is not about responsiviness.

Hi Marco,
Thanks so much for your report!

This is a known iOS “problem”: Text in HTML Buttons is blue on iO… | Apple Developer Forums
The lines take over the currentColor of the button they are in. If this is not set, they will turn blue on iOS devices.

Solution: Set a color :art:

I’ll mark this as solved, as there is nothing we can do about it - and in 9/10 cases, you define a color anyway.

Best regards,
timmse

1 Like

Hi!
Got it!
I was not aware of it.
Maybe you could add some advice in the menu builder about that.

Thank you Stefan!

1 Like

Yes. Set a color for the burger icon then it solves the issue.

1 Like

Is this also needed for the search Icon? Because in bricks 1.8.1 no problem and now with 1.8.6 it turns blue on iPhone.

Yep. The same goes for the close toggle and probably other elements that have aria attributes.

Hi,
But this is strange because with bricks builder 1.8.1 it was no issue and I can not solve it to give explicit a color to the svg image.

Do you have a link so that I can look into the styles?

I have fixed it. In version 1.8.6 I gave the Typo (for search element | button/icon) an explicit color value and now it is working for IOS.