Public Ticket #1171039
Text alignment with minimum font size


  • shahn123 started the conversation

    When I set a minimum font size on a text layer, the text no longer aligns center on mobile screens less than 600px. I am not able to override the text's absolute positioning with CSS. The inline styling continues to take precedence. I would even accept left-alignment of the text on mobile, but I cannot make this happen.

    Thanks for your help!


  • [deleted] replied

    Hey Suzanne,

    I have checked your site and I believe the problem is that, the layer that is being displayed on mobile has a wrong left value. It should be set to 50% instead.

  • shahn123 replied

    Hi, Attila,

    Thanks for your response. I ended up creating a separate text layer for mobile devices in which I changed its original left position of 50% to a more left-aligned value. What I noticed was that when the left value was set to 50% but the text had a minimum size, the text overran its div, overflowing to the right. So the text div itself was centered, but it didn't remain the same width as the text as the layer slider scaled down in size.

    I would have preferred center alignment for the text on mobile, but I can live with the left alignment.

    Thanks for all your hard work on this plugin!


  • [deleted] replied

    Thank you for the feedback Suzanne, glad you could solve the problem. If you need further assistance please let us know.