topic Re: Weird link text wrapping on mobile in CMS Development

Weird link text wrapping on mobile

JWharton — Sat, 20 Jun 2020 17:36:58 GMT

Just using the Rich Text module.

Rather than the link text wrapping, it gets put on a separate line, breaking it away from the preceding text.

If the link text exceeds the width, it then wraps, but is separated from the following text (which starts on a new line).

What do I want? I want the link text to display in line and wrap just like normal text.

Thanks in advance!

Chris-M — Sun, 21 Jun 2020 08:06:49 GMT

your links have:

a {
 display: inline-block;
}

Which causes the breaking.

It also breaks on body text.

For example:

If you don't want that at all, change a links to the following:

a {
 display: inline;
}

Or else, create a cusom class on a parent element and use the following code. Which only works for enumerations

.yourCustomClass li a {
 display: inline;
}

- Chris

JWharton — Sun, 21 Jun 2020 14:13:36 GMT

That did it. @Chris-M you rock! Thanks.