Navigation

Application #

Determine what the navigation looks like in your theme. The navigation also includes the expanded state when the learner clicks on the menu. This is adopted from the navigation entries and does not need to be set separately.

Find navigation overview #

To customize your navigation, click on the seventh item „Navigation“.

1
Navigation
Select Navigation to see more settings.

Backgrounds Overview #

In the navigation overview, you will find the settings for position, style, progress, and color. We explain what these settings mean and how to adjust them here in a step-by-step guide.

1
Position
Decide whether your navigation is placed on the left or at the top.
2
Style
Decide whether your navigation has a Classic or Float style.
3
Progress
Set whether your progress is displayed with lines or areas
4
Color
Choose the color of your navigation. If you need a new color, create a new color in the background settings.

Step 1 – Position #

Links #

Click on „Left“ to position your navigation on the left.

Up #

Click „Top“ to position your navigation at the top.

Step 2 – Style #

Classic - Links #

Set the positioning to „Left“ and then to „Classic“ so that your navigation gets the classic style and is on the left.

Classic - Top #

Set the positioning to „Top“ and then to „Classic“ so that your navigation adopts the Classic style and is located at the top.

Float - Links #

Simply switch the style to „Float“ using the segmented control so that your navigation floats above the content.

Float - Links #

Simply change the style to „Float“ using the segmented control so that your navigation floats above the content on the left.

Step 3 – Progress #

Linen #

Click on „Lines“ to display progress with lines.

Area #

Click „Area“ to display progress in area.

Step 4 – Adjust navigation color #

Set the color of your navigation. The available colors are all the colors you set under the „Backgrounds“ item.

Color 1 #

Click on your first saved background to select the color.

Color 2 #

Click on your second saved background to select the color.

Color 3 #

Click on a dark background to set the navigation to a dark color.