Weird link text wrapping on mobile

[JWharton]

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.

See example at http://5056899.hs-sites.com/about

Thanks in advance!

[Chris-M · Accepted solution]

Hi @JWharton,

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]

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