This is my attempt but it's not working:
(Within _supporter_nav.html)
{% for child in site.supporter_pages %}
{% if page == child %}
<li style="background: url({{ child.slug | append: '.png' }}); background-position: middle left; background-repeat: no-repeat;" class="on"><a href="{{ child.url }}">{{ child.name }}</a></li>
{% else %}
<li style="background: url({{ child.slug | append: '.png' }}); background-position: middle left; background-repeat: no-repeat;"><a href="{{ child.url }}">{{ child.name }}</a></li>
{% endif %}
{% endfor %}
It returns "volunteer.png", for example, but the image itself refuses to be a thing.
Official response from Taylor Pineiro
Please see below.
Share this post
Showing 4 reactions
Sign in with
Check by cStreet - Mobile event check-in for organizers
Certified Architect
Certified Developer
{% if child.slug == ‘sign_up’}
{% elsif child.slug == ‘recruit_your_friends’ %}
<li style=">
Check by cStreet - Mobile event check-in for organizers
Certified Architect
Certified Developer
{% if child.slug == ‘sign_up’ }
<li style="…>
{ elsif child.slug == ‘recruit_your_friends’ %}
<li style="…>
and so on… it looks AWESOME
Note you have to add a new case each time you add a new page, so it’s not ideal. I suppose it could also be done with page types but this way you can get super specific.
Check by cStreet - Mobile event check-in for organizers
Certified Architect
Certified Developer