Jekyll - Automatically highlight current tab in menu bar

Question

I am using github to host a static site and Jekyll to generate it.

I have a menu bar (as

) and would like the
• correspo

Answer 1

if you're using the Minima theme for jekyll, you only need to add a ternary on the class attribute in header.html:

the full excerpt:

        

        {%- for path in page_paths -%}
          {%- assign my_page = site.pages | where: "path", path | first -%}
          {%- if my_page.title -%}
          {{ my_page.title | escape }}
          {%- endif -%}
        {%- endfor -%}
      

add this to your _config.yml

header_pages:
  - classes.markdown
  - activities.markdown
  - teachers.markdown

And then of course your css:

   a.active {
                color: #e6402a;
            }