---
title: Elementskit Header/Footer Builder
description: "## **Adding a section** If you want to add a new section header section, you need to:  1. Navigate to ‘**Pages**’ in your WordPress Dashboard.  2. Select ‘**Add New Pages ** 3. Now select ‘**Edit with Elementor’**on the top of the…"
url: "https://themewinter.com/docs/themes/theme-docs/courselog/header-footer/"
updated: "2022-11-15"
category: Courselog
---

# Elementskit Header/Footer Builder

## **Adding a section**

If you want to add a new section header section, you need to: 

1. Navigate to ‘**Pages**’ in your WordPress Dashboard. 
2. Select ‘**Add New Pages **
3. Now select ‘**Edit with Elementor’**on the top of the page. 

You should see a ‘+’ sign at the very middle of the page. 

![Adding a Section ](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/17-min-1024x501.png)
Adding a Section

1. Click on the ‘+’ sign. 
2. Then select the structure. 

After you select the layout structure, you will have a new section added to your page. 

## **Elementskit Header**

**Note:** Specific Header/ Footer
If you want to select a specific header/footer for specific pages, you have to purchase the Elementskit pro plugin.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2022/11/specific_header-1024x417.png)

### **Header Logo**

In order to work with the header element with **ElementsKit**, you need to: 

1. Go to **‘ElementsKit’**in the WordPress Dashboard Menu. 
2. Then go to the ‘**Header Footer**’ section. 

![Changing the Header Logo ](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/1-min.png)

1. You’ll find, under the templates section, the header and footer options. 
2. Under the **‘Header’** option you will need to choose ‘**Edit with Elementor**’. 

You will now be able to change the header logo with optimal controlling ability. 

![Changing Header Properties ](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/2-min.png)

### **Edit Header Content**

You can also edit the header menu, search fields, and other content from the header edit panel.

![Editing the Header Menu](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/16-min-1024x454.png)

### **Try for Free Button**

Here is your header "**Try For Free**" button settings.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/03/courselog-header-try-free-button-1024x285.png)

Go to your header settings and open the header with Elementor. Now edit the try for free button and change your button link, label, icon etc.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/03/courselog-header-try-free-button-2-1-1024x395.png)

### **Changing the Menu Settings** 

If you want to change the menu settings, then you can do it in the following way: 

1. Go to **‘Appearance’**  in your WordPress Dashboard. 
2. Then select **‘Menus’**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/29-min-1-1024x362.png)

3. Select**‘Manage with Live Preview’ **

After that, you will find the following ‘Live Preview’ page. 

Under the **‘Menus’** tab, you have the option to change all the available menus in your live page. You can select each menu and change the options. You have the option to create a new menu as well. 

### **Working with the Menu Options **

There are two ways you can work with the Menu options. 

1. **Use ElementsKit to Customize the Menu**

You can use ElementsKit to Customize the Menu. You can use the header creation steps as a guide to creating custom menus. 

First of all, you will need to : 

1. Go to **‘ElementsKit’ **
2. Navigate to**‘Modules’** 

![ElementsKit Settings ](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/43-min-1024x427.png)
ElementsKit Settings

Make sure the **‘Mega Menu’** option is**‘On’**. 

Now, with Courselog, you will get some default header settings. We will choose the default header. So, choose to ‘Edit with Elementor’. 

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/44-min-1024x400.png)
Editing the Main Header

Once you choose it, you will find the ElementsKit option on the live page. 

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/45-min-1024x274.png)
Choosing ElementsKit

Once you choose ElementsKit, you will have the following options.

![Customizing Menu with ElementsKit](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/46-min-1024x471.png)
Customizing Menu with ElementsKit

*If you: *

1. Go to **Header**
2. And choose **Mega Menu Content**

You will be able to work with the in-built menu content.  

### **Header Mega Menu**

For editing mega menu, navigate to **Dashboard> Appearence> Menus and Select your menus.**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/courselog_mega_menu-s1-1024x639.png)

Enable mega menu option and click on your menu item here you edit the mega menu. There are 4 tabs: **Content, Icon, badge, Settings**. You can edit the content, icon, badge and other settings from this tab option.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/courselog_mega_menu-s2-1024x490.png)

Click on mega menu contetn. Now you will able to add or eidt the content of mega menu.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/courselog_mega_menu-s3-1024x498.png)

For more information, kindly click on the video button.

    [Click me](https://www.youtube.com/watch?v=VGnFFTfbcac)

## **Elementskit Footer**

### **Footer Logo Settings**

The process is pretty much the same for the footer logo: 

1. Go to **‘ElementsKit’**in the WordPress Dashboard Menu. 
2. Then go to the ‘**Header Footer**’ section. 

![This image has an empty alt attribute; its file name is 27-min-1024x307.png](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/27-min-1024x307.png)
Editing Footer

1. You’ll find, under the templates section, the **header and footer options**. 
2. Under the **‘Footer’** option, you will need to choose ‘**Edit with Elementor**’. 

You will now be able to change the footer logo.

![Working with Footer Settings ](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/01/28-min-1024x408.png)
Working with Footer Settings