---
title: Header Footer Builder
description: "## **Header Settings** !!! As we are using the Elementskit Header & Footer, so**don't need to enable the \"Header Builder Enable\" option** from the theme customizer. The Elementskit header and footer will automatically be set in the templates when you…"
url: "https://themewinter.com/docs/themes/theme-docs/bascart/header-footer-builder/"
updated: "2022-11-15"
category: BasCart
---

# Header Footer Builder

## **Header Settings**

!!! As we are using the Elementskit Header & Footer, so**don't need to enable the "Header Builder Enable" option** from the theme customizer. The Elementskit header and footer will automatically be set in the templates when you import the demo content.

!!! If you enable the "Header Builder Enable" option then the default header and footer will be active and the Elementskit header and footer will inactive.,

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/10/bascart_header_builder-1024x470.png)

## **ElementsKit Header Footer Builder**

**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)

### **ElementsKit Templates**

For editing the header and footer, go to **ElementsKit > Header Footer**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/bascart_ekit_header_footer-1024x447.jpg)

### **ElementsKit Headers**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/bascart_ekit_header-1024x356.jpg)

Edit the header with Elementor and change the content by clicking on the Element.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/10/bascart_edit_header2-1024x503.png)

### **Header logo Settings**

For change logo, navigate to ElementsKit > Header Footer > **Headers**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/bascart_logo_settings-1-1024x447.jpg)

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/10/bascart_header_logochange-1024x475.png)

### **Header Mobile Logo**

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/10/mobile_logo_change-1024x460.png)

Tutorial for creating headers with ElementsKit.

[How to make header with ElementsKit | Wpmet](https://www.youtube.com/embed/6zBgnMa6Gtg?feature=oembed)

### **ElementsKit Footers**

Navigate to **Elementskit> Header Footer> Footer** for footer edit.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/08/bascart_ekit_footer-2-1024x356.jpg)

Edit the footer with Elementor and change the Elements by clicking on the Element.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2021/10/bascart_edit_footer-1024x499.png)

Tutorial for creating footers with ElementsKit.

[How to make footer with ElementsKit on your Elementor webpage | Elementskit | All in one Addons](https://www.youtube.com/embed/wkPFL1thw0s?feature=oembed)

## ****Footer Settings****

!!! For editing the footer content, click [here.](https://themewinter.com/docs/themes/docs/header-footer-builder/#6-toc-title)