FYI: No word wrap on mobile devices

  • runningtomy

    (@runningtomy)


    3 years, 1 month ago

    FYI:
    On my website I use the shortcode [zotpressInTextBib] wich displays all my references. I got the problem, that my browser doesn’t wrap long links, so that my site was scrollable horizontal. I solved this issue with the following CSS Snippet in my styles.css:

    /*
 * https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
 */
.csl-right-inline{
	overflow-wrap: break-word;
	word-wrap: break-word;	
	-ms-word-break: break-all;
	word-break: break-word;	
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

    The page I need help with: [log in to see the link]

  • The topic ‘FYI: No word wrap on mobile devices’ is closed to new replies.