Community forum for knowledge and support

Updated 11 months ago

Handling Text Alignment Changes on Mobile

At a glance
The community member is discussing the best approach to handling text alignment changes on mobile devices when using text-align classes. They mention that it often happens when align-center should be align-left on mobile, and they usually solve this by adding a combo class (e.g. align-left-center) or creating a unique class. The community member is working on a new template and this issue has them thinking about the best way to handle it, especially since they are using a modular system (Relume) rather than one-off sites.

Soooo, with the text-align-classes, what approach is the best when the text-align change on mobile. Most of the times this happen when align-center should be align-left on mobile, it feels wierd to ad a combo left to the center etcetera, but thats how I usually solve it if not by creating a unique class. We use Relume as part of another system, so it's not one off sites but rather we change things up in a modular way alot - if it was a one-off thing I wouldn't bother, but now i'm working on a new template and this just got me thinking.. πŸ˜›

Add a reply
Sign up and join the conversation on Slack