Twenty Twenty-One: archive page headings do not wrap long words

[trushaamin]

on Beta development version (6.7-beta1), Theme Twenty Twenty-One Version: 2.3
we can go to the footer search. we can add the words and click on the search button after checking the result.

Fixes the search term not breaking on smaller screens. Can switch this to be break-all if that is preferred.

[veryard]

I have made a PR to resolve this, just simple adding word-break on the .search-term class.

Sorry I didn't mean to undo the has-patch :(

Thanks

[sabernhardt]

Twenty Twenty-One uses overflow-wrap: break-word for post/page headings with the .entry-title class (​entry.scss).

For archive pages such as search results, the heading has a .page-title class. That class probably should have the same overflow-wrap rule (​archives.scss).

Note: Patches for Twenty Twenty-One need to update the SCSS file(s), and then CSS files are compiled from them.

[veryard]

Replying to sabernhardt:

Twenty Twenty-One uses overflow-wrap: break-word for post/page headings with the .entry-title class (​entry.scss).

For archive pages such as search results, the heading has a .page-title class. That class probably should have the same overflow-wrap rule (​archives.scss).

Note: Patches for Twenty Twenty-One need to update the SCSS file(s), and then CSS files are compiled from them.

Thanks for pointing this out, must have been a late night when I made that change! I have gone ahead and updated the commit and included the change in the appropriate scss file.

Thanks!