Responsive Text/Charts on Mobile

[thompsonsgg]

I am having a couple of issues with a few elements being responsive on mobile. When I preview the changes in Cornerstone they look fine, but when I am actually viewing the pages on my phone the text is not perfectly centered, and the chart is not changing size to fit the screen. How can I fix this? I have attached screenshots and the links to the pages I am referring to. Thanks in advance!

Text issue link: http://52.10.233.244/
Chart issue link: http://52.10.233.244/webinars-training-workshops/

[christian]

Hey Annmarie,

For the title or text, you need to make it responsive. You can learn how to do that from the following video.

Responsive Text Setup for the Button Element in Cornerstone (Pro Content...

For the table/chart, regretfully, our theme doesn’t have a responsive table display. You’ll need to use a 3rd party plugin for that like this.

Hope that helps.

[thompsonsgg]

Thank you @christian. I will have a look into both of those. I have one more question. I have placed an image in my text that is right-aligned with wrapped text, but in mobile it looks off-centered. Is there a different way to place the image so it will be centered on mobile? I have included a screenshot and a link to the page I am referring to.
Thanks!

http://52.10.233.244/aap-eeo-compliance-2/

[friech]

Hi Annmarie,

I see that image is being wrapped with <h4> and <strong> tag, please remove that tag.

Then apply a class man to your <img> tag.

e.g.

<img src="IMAGE URL" class="alignright man">

More details about utility classes

Hope it helps,
Cheers!

[thompsonsgg]

Thank you, that fixed the issue.

[ruenel]

You’re welcome!
We’re glad we were able to help you out.