How can I fix text alignment issues on mobile mode?

Shopify Discussion
1

Hi

I’m using below code to align text. It works perfect in desktop mode but in mobile its not functional.

Screen Shot 2022-06-23 at 9.39.05 PM.png
Screen Shot 2022-06-23 at 9.39.05 PM.png792×253 23 KB

mobile:

Screen Shot 2022-06-23 at 9.39.19 PM.png
Screen Shot 2022-06-23 at 9.39.19 PM.png468×213 7.74 KB

My code is:

.jus-Text { text-align: justify; text-justify: inter-word; }

{{ text_line_3 }}

2

My presumption would be that the mt-15 or another class is overriding your style on mobile. I can’t tell without seeing your website, but you can prove this to be the case using !important tags:
3

Still it’s the same even after using important! tag

4

I can’t tell what’s going on without a URL. If you wanted to post it or PM me I’ll be happy to have a look.