Regular text won't wrap on smallest screen size

[keycheck]

Hello,
I’m having trouble with some text, a few paragraphs that won’t wrap correctly and spill out of the column they’re in in, and it’s doing my head in. I’ve tried recreating the section from scratch several times but the issue persists and I don’t understand why. How can I resolve this?

Thanks,
A.

[rcuello2]

I have the same problem! I have tried lots of ways but it’s impossible to resolve

[keycheck]

It’s so frustrating! In one instance removing <p></p> tags and any other formatting worked, but here I need the formatting and can’t seem to get rid of the problem.

In the example I screenshot above, the only changes to the text element from default is some padding.
The column width is set to 44em max, other than that everything is default and set to flexbox as a column with wrap enabled.
The row the column sits in is all as default.
The section is all default except an image background, which displays fine.

I’ve tried changing margins, white space etc. in element CSS of the text and the column but so far no joy. Only the smallest screen size is affected, the others work fine. I’m guessing it’s a bug since the rest works fine but if there’s a workaround, I’d appreciate ideas.

[tristup]

Hi @keycheck,

It might be the improper HTML tags which is the reason behind your issue, I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– The specific page name where you are having this issue
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[tristup]

Hi @keycheck,

I have checked and found that the font size is mentioned 320% in the custom CSS code at the Appearance > Customise > Additional CSS is the reason behind your issue. I would suggest you adjust the size as per your need.

Please remember that we don’t offer any support to the custom CSS code or related issues.
Thanks

[keycheck]

@tristup I’m afraid this is not really where the issue is. I’ve removed the custom CSS altogether, cleared the cache and the problem persisted - the heading was OK but the paragraph was still spilling, so this must be something within the theme. I’d appreciate other ideas to try to resolve.

[tristup]

Hi @keycheck,

I have investigated it and again I found the custom CSS is the reason behind your issue. I found that min-width of the p tag is the actual cause of it, which was set into the Text* element of the current page. Please find the screenshot describing it.

Please remember that we don’t offer investigation or support on custom coding or related issue.

Thanks

[keycheck]

@tristup I have no idea why it was there, and I thought I’d checked everywhere, but of course it didn’t occur to me to check other text elements on the page yes, that’s resolved it, thank you so much

[tristup]

Hi @keycheck,

Glad that we are able to help you.

Thanks