Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Lee Ravenberg
10,018 PointsActive page graphic sticks to 'About'
When moving the entire header section of the site to main.twig, the menu item's active page sticks to the 'About' page. Because of this: <a href="index.html" class="selected">About</a>.
What can I do within Twig to make dynamically decide what will be highlighted as active page?
1 Answer
Bojan Peric
2,651 PointsHi, I solved the problem like this:
In the main.twig file edit the anchor elements classes like this:
class="{% if title == 'about' %} {{ 'selected' }} {% endif %} - in the about link
class="{% if title == 'contact' %} {{ 'selected' }} {% endif %} - in the contact link
And at the top of pages about.twig and contact.twig add this code right before the {% extends 'main.twig' %}:
{% set title = 'about' %} in about.twig
{% set title ='contact' %} in contact.twig
Hope it works for u to :)
Mayur Pande
Courses Plus Student 11,711 PointsMayur Pande
Courses Plus Student 11,711 PointsI seem to have the same problem. Hopefully the next video sorts it out. It is something to do with the selected class. There must be a way to switch between the two I'm guessing. Please let me know if you find a solution.