How to wrap sentences on mobile

Hello!
I’m using Sydney theme. I really love it!
For mobile, There are some pages the sentences don’t wrap.
ex) http://ruinedwell.wpblog.jp/cello-performance

Could you please show the way to solve it too?

Thank you so much!

Hi,

The text aren’t wrapping, because you’ve set a static width of 800px to the div of the container of the text, so better try to set a % value instead, so then it will be mobile-responsive, or you can use this Custom CSS to make it a % value and mobile-friendly:

#pgc-4378-0-0 .siteorigin-widget-tinymce div div {
    width: 50% !important;
}

@media only screen and (max-width: 768px) {
#pgc-4378-0-0 .siteorigin-widget-tinymce div div {
    width: 95% !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Hello Csaba!

Thank you for prompt reply!
I made child theme and added the CSS you shown me,
It worked right!!

Thank you so much for your help and kindness!

And let me ask you one more thing.
Actually, I have other site and it has same issue,
and I added same CSS to its child theme, but doesn’t go well.
ex) http://otakus-nippon.jp/ordering-method

Could you please show the way to solve it too?

Thank you so much!