The menu icon on mobile displays as an unstyled square while the page is loading. Is there a way to apply font-display: block so that the icon doesn't default to the square before swapping to the icon?
It is possible to apply that declaration, but it requires custom editing of the "/css/ionicons.min.css" file of the theme. Once you opened the file, just add the "font-display: block;" into the "@font-face{ ... }" rule.
After that, try clearing all the caches and check it again.
Hey,
The menu icon on mobile displays as an unstyled square while the page is loading. Is there a way to apply font-display: block so that the icon doesn't default to the square before swapping to the icon?
Thanks,
Jade
Hi Jade,
It is possible to apply that declaration, but it requires custom editing of the "/css/ionicons.min.css" file of the theme. Once you opened the file, just add the "font-display: block;" into the "@font-face{ ... }" rule.
After that, try clearing all the caches and check it again.
I hope it helps!
Thank you!