Wrong justification in mobile views

www.rhsparentclub.net/new-home

This page is built as a PB article with 3 columns. I have text and a call to a PB item in the left, straight Google Calendar embed code in the center, and a call to a PB item only in the right.

On a wider screen, the right hand column has the text left justified (originally I didn't specify any particular justification. The icons are center justified). However, on a phone, the text right justifies. I have set just about everything I can think of to left justify (under styles and also just in the text editor), but nothing makes that text left justify. I don't know how to do an inspect on a phone so I'm stumped.

Hi
this is not really an alignment issue, this is just how flexbox works because you have created a column for the icon, and one for the text
you can use this custom css
else you could do it using the "icon + text" block that allows you to put the icon near the text on the left. So that you would have 1 row with 1 column and 1 addon
CEd

I added that CSS to the template but it did nothing. So I tried the icon & text option, but I can't find how to add my own icons.

but I can't find how to add my own icons

that is right, but you are just using some images here
so you can do that simply into a text editor byt adding the image next to the text and giving it the dimensions
this is something that you can do into tinymce and JCE

I added that CSS to the template but it did nothing

by my side it works, on mobile view it is now aligned on the left

Ah OK. I'll see what the client says. I use Chrome on my phone (Samsumg Galaxy S7). I guess it may suffer from the same stupid sticky cache tha desktop Chrome does.

Thanks Ced.