From 793d91e5c639b9f046d230ca8663930f561dff74 Mon Sep 17 00:00:00 2001 From: George Cushen Date: Mon, 16 Apr 2018 01:03:51 +0100 Subject: [PATCH] Wrap long words in headings to prevent overlapping content Fix #481 --- layouts/partials/css/academic.css | 1 + 1 file changed, 1 insertion(+) diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css index ba72032b..21d3a1b9 100644 --- a/layouts/partials/css/academic.css +++ b/layouts/partials/css/academic.css @@ -89,6 +89,7 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.25; color: #313131; text-rendering: optimizeLegibility; + overflow-wrap: break-word; /* Ensures very long heading words do not overflow into content. */ } h1 { font-size: 2.25rem;