search

chrisbobbe / jekyll-theme-prologue

A Jekyll version of the "Prologue" theme by HTML5 UP
https://chrisbobbe.github.io/jekyll-theme-prologue/
Other
435 stars 940 forks source link

blog FA icons for articles overlap text #25

Open kawa-kokosowa opened 6 years ago

kawa-kokosowa commented 6 years ago

See picture, the navigation bar.

Wonky FA icon article name overlap

raghavmallampalli commented 4 years ago

Here's a rather ugly hotfix: Add padding to the left of the #nav > ul > li > a > span element. You can drop this line around the 583rd line of jekyll-theme-prologue.scss

padding-left: 1.25em;

You can change the actual value until none of the text overlaps. 1.25em worked for but you might need to go as high as 2em. This is an ugly solution because adds unnecessary padding to the left even when the icon is to the right. I couldn't figure any other way of doing it however.