Archived topic
Text decoration missing from overlay menu
3 replies · Started by Nik on April 11, 2022
Viewing posts 1–4 of 4
Hi there, I'm building a site where I've added an offset underline to hover/current menu items in CSS, using one of the Generatepress variables rather than the hex code itself. On mobile (specifically iOS) these underlines are missing, but in responsive previews on a desktop browser they're there and working as I'd expect.
What am I missing?
Thanks!
Nik
Hi there,
you're using a text-decoration shorthand property in your CSS ie.
text-decoration: underline 2px;
And that shorthand has poor browser support.
Instead try:
text-decoration: underline;
text-decoration-thickness: 2px;Brilliant! Thanks David, really grateful for that. That version works but I think you knew that already. :)
Nik
:) Glad to hear thats working!
This archived topic is closed to new replies.
