The Navigation Highlight module is very versatile and will help to improve the look of your JSD pages. The module shows text on top of a background or an image and can be used to displaying information or images, as well as a clickable navigation item.

Adding the Navigation Highlight to a Layout

Highlighted features

Text variables

This module can be used with text variables to get targeted information displayed such as the current user's name, the structure element - like category or site. 

Learn more about Text Variables

Colors or images

This module is versatile and can be used with images or colors, as in the examples above. 

Show or click?

The Navigation Highlight module is one of the favourites here at Refined, we use it both for displaying information, making the pages more appealing as well as using it for navigation - either by adding a link to make the entire element clickable or by adding a link to the button URL to show a button as a call-to-action. 

Button or link?

With the button option you set the text to the button as well as the link. 

With the link option, the entire element becomes clickable and will react when a user hovers it.