# Header Setup

The header section of the theme consists of two sections - main header and top bar. You can find the header settings in the **Theme Options > Header**.

{% hint style="info" %}
Header settings can be different depending on the selected header style option.
{% endhint %}

## Header Style Options <a href="#headersetup-headerstyleoptions" id="headersetup-headerstyleoptions"></a>

There are 5 header styles in the theme - Offline Courses, Online Courses, Academy, Logo Centered, and Distance Learning.

#### Offline Courses <a href="#headersetup-offlinecourses" id="headersetup-offlinecourses"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5QXSizeUtHk1-p%2F99418170.png?generation=1596111109879445\&alt=media)

#### Online Courses <a href="#headersetup-onlinecourses" id="headersetup-onlinecourses"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4kEzFazQO8czps%2F100335653.png?generation=1596111109868821\&alt=media)

#### Academy <a href="#headersetup-academy" id="headersetup-academy"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4jNNKM3hZH2VcU%2F100335647.png?generation=1596111109902367\&alt=media)

#### Logo Centered <a href="#headersetup-logocentered" id="headersetup-logocentered"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5TMOJnHBsytLJQ%2F99811367.png?generation=1596111109934941\&alt=media)

#### Distance Learning <a href="#headersetup-distancelearning" id="headersetup-distancelearning"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5SeydLGJJn4yMU%2F99745826.png?generation=1596111109881331\&alt=media)

## Header Components <a href="#headersetup-headercomponents" id="headersetup-headercomponents"></a>

### Top Bar <a href="#headersetup-topbar" id="headersetup-topbar"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4hArSGUxWoKm8i%2F100237335.png?generation=1596111109701291\&alt=media)

**Top Bar** style remains the same for all Headers. There are WPML language switcher, contact details, social networks, and Login/Register in the Top Bar. You can turn on the Top Bar and manage its items in **Theme Options > Top Bar** section.

#### Language switcher <a href="#headersetup-languageswitcher" id="headersetup-languageswitcher"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4uj82FVGHmuKUv%2F102858773.png?generation=1596111109709403\&alt=media)

WPML plugin doesn’t come with the Extended license. Thus it needs to purchase the plugin separately.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MTFbNt4G8YEBdU-5rEm%2F-MTFbuFx9VURw4CtSpDs%2FScreenshot_246.png?alt=media\&token=5c110911-c394-4ece-86e9-080e68123bfe)

{% hint style="info" %}
The language switcher works only with the WPML plugin. So it needs to install and set up the WPML plugin on the website. You can get the plugin here - <https://wpml.org/>.
{% endhint %}

#### Contact Details <a href="#headersetup-contactdetails" id="headersetup-contactdetails"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4vqr-wmXUAKbll%2F102957115.png?generation=1596111109807560\&alt=media)

You can add your phone number, address, and working hours at the bottom of the **Theme Options > Top Bar** section. You can enable your details on the mobile header as well.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MTFbNt4G8YEBdU-5rEm%2F-MTFc6rkk0kInWdeWlnE%2FScreenshot_247.png?alt=media\&token=d7bce881-40c2-4ba9-978c-20ed89e951ed)

#### Social Networks <a href="#headersetup-socialnetworks" id="headersetup-socialnetworks"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4sc5xc96NYKmjT%2F102826054.png?generation=1596111109706804\&alt=media)

Social media icons will display if they contain a link in relative fields of the theme options. You can manage social networks in **Theme Options > Social Media**.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MTFbNt4G8YEBdU-5rEm%2F-MTFcQv3IiTajo793qnj%2FScreenshot_248.png?alt=media\&token=8b84333b-a8f1-41b2-95da-31bca8bb9058)

You can display or hide social network icons in Top Bar by using **Enable Top Bar Social Media icons** option in Top Bar settings.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4l-bJhRPZV7S_D%2F102793270.png?generation=1596111109876224\&alt=media)

When the option is enabled, the social media icon selection appears below

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5PE_nqAYcYSGs3%2F120422414.png?generation=1596111109896651\&alt=media)

#### Login/Register <a href="#headersetup-login-register" id="headersetup-login-register"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4w2x2GgGrxQnLM%2F102957162.png?generation=1596111109823645\&alt=media)

You can display or hide login and registration links in the **Theme Options > Top Bar** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4xYJqaauugfH_S%2F102957179.png?generation=1596111109889192\&alt=media)

{% hint style="info" %}
Login and registration are linked to the default LMS login page. You can review how to change the default login page URL in the [LMS Settings > LMS Pages](https://docs.stylemixthemes.com/masterstudy-theme-documentation/lms-settings/masterstudy-theme-manual-routes).
{% endhint %}

#### Top Bar Background Color <a href="#headersetup-topbarbackgroundcolor" id="headersetup-topbarbackgroundcolor"></a>

In the same section, there is a possibility to add a background color to the Top Bar. You can either select the desired color from the color picker or add the hex code of your color in the settings. Also, the Top Bar can be transparent if the Transparent checkbox is selected.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4n1qeGCwEEF73s%2F102793291.png?generation=1596111109881760\&alt=media)

### Main Header <a href="#headersetup-mainheader" id="headersetup-mainheader"></a>

#### Header Logo <a href="#headersetup-headerlogo" id="headersetup-headerlogo"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce51xnLKzJs0tKXz%2F103514123.png?generation=1596111109877908\&alt=media)

To upload the logo image go to **Theme Options > General** section. You need to add two logo images to Site Logo and White-text Logo fields.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4p1ELYtHOTYyFy%2F102793330.png?generation=1596111109886767\&alt=media)

#### Main Menu <a href="#headersetup-mainmenu" id="headersetup-mainmenu"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce53GOA2lZU_gmon%2F103710754.png?generation=1596111109877277\&alt=media)

Main Menu is the primary navigation menu for the theme and it allows to present a site structure for the users. You can edit the Main Menu from **Appearance > Menus > Edit menus** and choose “Main Menu”.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce54PmgQwBOIh3zc%2F103776334.png?generation=1596111109883789\&alt=media)

{% hint style="info" %}
The position of the Main Menu may be different according to the selected Header Styles.
{% endhint %}

#### LMS Course Search <a href="#headersetup-lmscourseseach" id="headersetup-lmscourseseach"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce52-qBKLB3ZI7qT%2F103514171.png?generation=1596111109879120\&alt=media)

The online course search bar is visible on the Online Course header style. The search bar consists of two parts search by course category and by course title. The search bar can be disabled in the **Theme Options > Header** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce55dVl3veR7Izgs%2F103972925.png?generation=1596111109892612\&alt=media)

#### Course Search Categories&#x20;

You can set the limit for the number of categories displayed in the search bar. Specify the number in the **Course Search Categories Limit**.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MMtp6fKSVp368gPY1ow%2F-MMtw-UVYjEcfq-_1IjY%2Fcateglimit.png?alt=media\&token=03d69e9b-1038-4212-b156-494885a925df)

#### Keyword Search <a href="#headersetup-keywordsearch" id="headersetup-keywordsearch"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4yKmzVrjxObxZ7%2F102957244.png?generation=1596111109905187\&alt=media)

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4zrYu8PnlX5jgF%2F102957250.png?generation=1596111109877346\&alt=media)

The keyword search option is available in the Offline Courses header style. It searches over the entire website through pages, posts, and custom post types. It can be disabled by turning off the **Show Search Icon** option in the **Theme Options > Header** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5E1pdaTUUHCqRS%2F106921987.png?generation=1596111109951082\&alt=media)

#### Wishlist <a href="#headersetup-wishlist" id="headersetup-wishlist"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce56NukhDJ6iHbqW%2F106758159.png?generation=1596111109963376\&alt=media)

The MasterStudy LMS plugin allows users to add courses to their wishlist. All the selected courses can be seen via the Wishlist icon. The Wishlist icon can be enabled in the Offline Courses, Online Courses, and Distance Learning header styles.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce57pJavp2moTInT%2F106758165.png?generation=1596111109973438\&alt=media)

#### Become an Instructor & For Enterprise <a href="#headersetup-becomeaninstructor-and-forenterprise" id="headersetup-becomeaninstructor-and-forenterprise"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5DyQUGSjJrucY_%2F106823728.png?generation=1596111109895985\&alt=media)

The Become an Instructor and For Enterprise links display popup windows with appropriate forms. Those forms are available only in the Online Courses header style.

**Become an Instructor form** - the registered users can send a request to become an instructor via this form.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5JsfwQZ08NM_ho%2F107380739.png?generation=1596111109903250\&alt=media)

The **For Enterprise form** - is a simple contact form for getting in touch with website admin. Useful for partnership offers.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5OfKtL--0FHGvv%2F107741187.png?generation=1596111109896199\&alt=media)

Those forms can be disabled via **Show Popup links** option in the **Theme Options > Header** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5L6GKKFBFvyDAK%2F107413521.png?generation=1596111109897411\&alt=media)

#### Login & Sign Up <a href="#headersetup-login-and-signup" id="headersetup-login-and-signup"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5IUxp-A41ui5pz%2F107348022.png?generation=1596111109939710\&alt=media)

Login and Sign Up buttons are linked to the default LMS login page. You can review how to change the default login page URL in the [LMS Settings > Routes](https://stylemixthemes.atlassian.net/wiki/x/ZgA4AQ).

#### Course Categories <a href="#headersetup-coursecategories" id="headersetup-coursecategories"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5GdHzahZqnOk0_%2F107085877.png?generation=1596111109880040\&alt=media)

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5FYg3W-IQqjR9d%2F106922041.png?generation=1596111109936446\&alt=media)

Available in the Online Course and Academy header styles. Course categories can be selected in the Course Categories field of the **Theme Options > Header** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce58_mOFKBky0SgD%2F106758215.png?generation=1596111109906810\&alt=media)

To set category icons, go to the **STM LMS > Courses Category** and edit your category. Find the Category Icon section and select the desired icon.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MTFbNt4G8YEBdU-5rEm%2F-MTFihPoNQuS0RzOSjQA%2FScreenshot_249.png?alt=media\&token=d2a12d3b-cf86-4ecc-9241-27005f67767a)

#### Header Socials <a href="#headersetup-headersocials" id="headersetup-headersocials"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce59czzROw-vKvp9%2F106790974.png?generation=1596111109897196\&alt=media)

Available in the Offline Courses, Online Courses, Logo Centered, and Distance Learning header styles. They can be enabled or disabled in the Theme Options > Header section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5Mc50IuKOszbiu%2F107446417.png?generation=1596111109886949\&alt=media)

Social media icons will display if they contain a link in relative fields of the theme options. You can manage social networks in **Theme Options > Social Media**.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4t5do3X0VaAcmk%2F102826062.png?generation=1596111109885373\&alt=media)

#### Header Language Switcher <a href="#headersetup-headerlanguageswitcher" id="headersetup-headerlanguageswitcher"></a>

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce4gWk25-Ykik7YE%2F100204608.png?generation=1596111109955057\&alt=media)

{% hint style="info" %}
The language switcher works only with the WPML plugin. So it needs to install and set up the WPML plugin on the website. You can get the plugin here - <https://wpml.org/>.
{% endhint %}

Available in the Online Course header style and can be enabled in the **Theme Options > Header** section.

![](https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fmasterstudy-theme-documentation%2F-MDUQloXAD2tCGyYif8h%2F-MDUce5BtJTJrCJYXmyO%2F106790995.png?generation=1596111109896455\&alt=media)
