Dynamic text justification under responsive theme

[tangent24]

Hello,

Is it possible to render text as full-justify in full-screen mode but force a left justify for tablet and phone (given the awkward word spacing that sometimes results within narrow columns). Is there a quick piece of custom css that might solve this issue?

Thanks!

[Kyle – SUPPORT]

Hi

Take a look at this: http://www.w3schools.com/cssref/css3_pr_text-justify.asp

– Kyle

[tangent24]

Thanks for the speedy reply, Kyle!

Not sure that gets at my issue. If possible, I would like for text justification to take on certain characteristics above a certain screen width (i.e. full justification above 968px) then switch to left justification below 968px (i.e. left justification) for better rendering on tablets and smartphones.

The text-justify code you referenced doesn’t seem to address this responsive theme question (or at least my humble understanding can’t connect the dots). Also, it seems like the page you forwarded is only relevant for the IE browser.

Please advise!

[Kyle – SUPPORT]

Are you referring to text-align?

To change the css depending on the width then you use media queries. Are you familiar with them?

– Kyle

[tangent24]

Thanks, Kyle. I am conceptually aware of how media queries work but not sure where to make any changes or what specific code to add. Any help would be greatly appreciated! (ideally would like to make any edits in the child style.css if possible to preserve through future Flexform updates…)

[Kyle – SUPPORT]

Hi, you will need to use something like this:

@media only screen and (min-width: 998px) {

CSS HERE

}

Hope this helps!

– Kyle