remove text-indent for headings in mobile
Problem
text-indent was introduced for compensating the blue ticks before the headings
https://github.com/pages-themes/architect/blob/27f3b20dfb55063555c3f029dcffe75f3d067fb2/_sass/jekyll-theme-architect.scss#L197
They were not removed in mobile, whereas the blue ticks were removed https://github.com/pages-themes/architect/blob/27f3b20dfb55063555c3f029dcffe75f3d067fb2/_sass/jekyll-theme-architect.scss#L377-L379
This results in extra indentation in mobile.
Solution
This css change removes unnecessary text-indent in mobile.
Before / After
Using my own page because I am a bit lazy for reproducing this...
| before | after |
|---|---|
![]() |
![]() |
live website effect reference: https://retire35.com/
Welcome! Congrats on your first pull request to the Architect theme. If you haven't already, please be sure to check out the contributing guidelines.

