AI Features

Highlighting the Active Header

Learn how to add the functionality of highlighting the currently active header by turning it from grey to white.

Right now, our header menu looks like this:

Our current menu
Our current menu

We’d like it to look like this:

The menu with the active header highlighted
The menu with the active header highlighted

Note: Depending on the screen, you may not be able to readily notice the difference. In the second image, the “About” header is white, while in the first one, it’s grey like the other headers.

Setting up the currently active header

The first thing we need is a method in our header controller ...

Ask