I hope you all had a wonderful time with your family and enjoyed the holidays. Unfortunately, I’m encountering an issue with superscript in a project. In some cases, it is partially displayed below the first letter (see screenshot).
If anyone has an idea what might be causing this or could help me resolve it, I would be incredibly grateful. Thank you in advance to everyone who takes the time to look into this. Wishing you all a Happy New Year!
On your paragraph class text-size-medium you have display: flex set. That causes all of the child elements to lay out differently, including your <sup> superscripts.
As a side note you’d probably find a rich text element easier to use here. Since you’re using a text element, you have double <br>'s to create paragraph gaps which isn’t quite natural and makes it difficult to create the spacing you want.
It seems that the issue only occurs in mobile portrait mode. I have already tried the following:
Replacing the typography with Arial.
Removing all custom code entirely.
Unfortunately, neither of these measures resolved the problem.
Another idea was to create a manual superscript class by wrapping the numbers to be superscripted in a span and then modifying them via CSS. However, I encountered the issue that the span caused a line break despite being set to “inline,” making this solution unusable as well.
If anyone has any other solution ideas, I would be very grateful. This is supposed to be a standard Webflow functionality and shouldn’t cause such issues :-(.
Hi Andreas, did you read my post? The fix is simple. You just have an incorrect layout setting. Remove the flex layout from your text element [1] by clicking reset on that style [2].
I actually missed your first post, so I just wanted to sincerely thank you for taking the time to look into my issue. Your reply really helped me out a lot. I guess I was so focused on the details that I missed the bigger picture.
I wish you a fantastic New Year, and again, thank you so much for your willingness to help!
