Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

blog FA icons for articles overlap text #25

Open
kawa-kokosowa opened this issue Jul 21, 2018 · 1 comment
Open

blog FA icons for articles overlap text #25

kawa-kokosowa opened this issue Jul 21, 2018 · 1 comment

Comments

@kawa-kokosowa
Copy link

kawa-kokosowa commented Jul 21, 2018

See picture, the navigation bar.

Wonky FA icon article name overlap

@raghavmallampalli
Copy link

raghavmallampalli commented Oct 15, 2020

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants