Text doesn't wrap on first list item and author bio

[andyvnguyen97]

Hello!

Here is the page I’m referring to: https://yourcollegeblog.com/stop-wasting-time-youtube/

The text is refusing to wrap for the first list item: https://puu.sh/DpIo5/32fdd50039.png

I tried to re-type the text without any copy and pasting – didn’t do anything.

I created a new list block and just put in any text. Still doesn’t work: https://puu.sh/DpIra/cfce5004db.png

Here’s what it looks like on the back end: https://puu.sh/DpIsn/08e9e077a8.png

Also, the author bio also doesn’t wrap: https://puu.sh/Dq0Fr/66b4fe35fa.png

Any help would be appreciated, thanks!

[Prasant]

Hello Andy,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
 .entry-content ol li {
    overflow-wrap: break-word;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[andyvnguyen97]

Hello.

Thanks for the reply.

The code fixed the list item but it didn’t fix the author bio.

[Prasant]

Hello Andy,

Thanks for updating the thread.

Please add following CSS under X > Theme Options > CSS:

.x-author-box {
    word-break: break-all;
}

Thanks.

[andyvnguyen97]

@Prasant

.x-author-box {
word-break: break-all;
}

Hmmm. Is it possible to not break actual words? Refer to this: https://puu.sh/Dq8Ka/063a80ee56.png

It’d be nice if it didn’t break words like owner and him.

[rad]

Hi Andy,

A link is considered a word at least for HTML, selectively breaking specific word is not possible. All will break or will not break you’ll have to choose which

I recommend not breaking it and use URL shortening service to make sure your links are short.

Thanks!