Element Settings: Course Sidebar Settings

This article explains the options found in the course sidebar settings. The course sidebar settings are your options to customize your sidebar design in your course.

Requirements: 

• An active ClickFunnels 2.0 account
• The supported element

Table of Contents:

• Render Mode
• Width
• Padding Top/Bottom
• Vertical Spacing
• Background Color
• Mobile Hamburger Color
• Left Indentation
• Disable Icons
• Content Depth Truncation
• Gap Between Modules
• Show Only Content From Current Main Module

Render Mode:

This setting changes the design of the course sidebar when viewed by a customer. The two options found in render mode are (a.) Classic, and (b.) Ascension.


Example:

Back to Top

Width:

Move the slider to the left to reduce or move it to the right to increase the width of the course sidebar. Alternatively, enter your desired numeric width in the px input field.

Back to Top

Padding Top/Bottom:

Move the slider to the left to reduce the padding or to the right to increase the padding of the course slider. Alternatively, type the numeric padding next to px according to your preferences.

Back to Top

Vertical Spacing:

Adjust the slider to the left to reduce or to the right to increase the vertical space of every individual line of the course sidebar.


Example:

Back to Top

Background Color:

Click the color bar to adjust the background color of the course sidebar according to your preferences.


Example:

Back to Top

Mobile Hamburger Color:

The color bar icon lets you pick the color of the hamburger menu, which is seen when viewing the course on a mobile device.


Example:

Back to Top

Left Indentation:

Adjust the slider to the left or the right to indent the menu and submenu to the left or right of the course sidebar. Alternatively, enter a numerical value next to px to adjust the indent of the course sidebar.


Example:

Back to Top

Disable Icons:

This setting hides or displays the icons next to the menu and sub-menu.


Example:

Back to Top

Content Depth Truncation:

This setting allows you to choose how many sub-modules or lessons will display in the course sidebar.


Example:

Back to Top

Gap Between Modules:

Move the slider to the left or right to adjust the space between modules. Alternatively, type a numeric value next to px according to your preferences.

Important Note: This setting only becomes available when the render mode is set to classic.

Example:

Back to Top

Show Only Content From Current Main Module:

Use this setting to show or hide the other modules of the course except for the main module.

Important Note: This setting only becomes available when render mode is set to classic.

Example:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Course: Course Sidebar

Back to Top