Links stay on one line in mobile - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
February 5, 2014 at 4:26 am #219754

CurlyHost
Participant

I fitted the Enfold theme to be used on this site:

http://simplyblue.sodaserver.com/traverse-city-wedding-vendor-guides/cakes-dessert/

If you notice on mobile, this link (https://www.facebook.com/simplysweetbyjessicapetoskey) spreads across the responsive borders on one line instead of wrapping to the line under it.

Is there a way to fix this?

February 5, 2014 at 4:33 am #219757
Yigit
Keymaster
Hey Andrea!

Please add following code to Quick CSS in Enfold theme options
```
@media only screen and (max-width: 480px) {
.entry-content-wrapper div li a { max-width: 190px!important; }}
```
Cheers!
Yigit
February 5, 2014 at 4:54 am #219769

CurlyHost
Participant

Hey Yigit,

I don’t mean to be difficult, but it doesn’t seem to fix the problem.

http://simplyblue.sodaserver.com/traverse-city-wedding-vendor-guides/cakes-dessert/

The link seems to just want to over-ride that rule. Is there something in there about not allowing line breaks on links or something?

February 5, 2014 at 11:05 pm #220164
Devin
Inactive Moderator
Hey!

This is the default behavior for browsers. You can change your links to break using the css here: http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/

Eg:
```
.entry-content-wrapper a {
word-wrap: break-word;
}
```
Best regards,
Devin
February 6, 2014 at 12:05 am #220179

CurlyHost
Participant

This is exactly what I was looking for – thank you so much for your help!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Links stay on one line in mobile’ is closed to new replies.