# Need help in creating global header

**URL:** <https://community.hubspot.com/t/need-help-in-creating-global-header/81844>\
**Category:** CMS Development\
**Tags:** starter\
**Created:** [May 23, 2023, 9:29pm UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844 "2023-05-23T21:29:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![SKhanna6](https://avatars.discourse-cdn.com/v4/letter/s/a88e57/32.png) [@SKhanna6](https://community.hubspot.com/u/SKhanna6)\
**Post date:** [May 23, 2023, 9:29pm UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844/1 "2023-05-23T21:29:14Z")

</div>

![Screenshot 2023-05-23 at 4.19.01 PM.png](https://d2qpr2jzcazej7.cloudfront.net/optimized/3X/d/7/d7eaaf7f760e554376e4976ea9e0dab319952ea8_2_690x24.png)  
How should I create this header for my other landing pages, I have for one. I dont want to clone the landing page but want to create a new one

---

<div class="post-metadata">

**Author:** ![BBecker1](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@BBecker1](https://community.hubspot.com/u/BBecker1)\
**Post date:** [May 24, 2023, 8:24am UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844/2 "2023-05-24T08:24:57Z")

</div>

In case you want to change it you might want to make a module out of it. and make a template for it that you call in your landingpage template.

`{% extends "/main-theme/templates/layouts/landingspage.html" %}`

and In layouts you just call to your parials template

```lia-code-sample
{% block header %}
{% global_partial path="../partials/header-simple.html" %}
{% endblock header %}

```

And in your partial you just call to the module.

```lia-code-sample
<!--
 templateType: global_partial
 label: Website header
-->
<header style="background:#050508;box-shadow: 0px 4px 12px -2px rgba(16, 24, 40, 0.1);border-bottom: 1px solid #4d4d4d;" class="header">

 {% module "module_168250336437037" path='/main-theme/modules/Navigation - Simple.module', label="footer" %}

</header>

```

(this is how I did it. I have 2 headers both setup global but 1 is only for landingpages and error pages the other is just in de base.html)

---

<div class="post-metadata">

**Author:** ![SKhanna6](https://avatars.discourse-cdn.com/v4/letter/s/a88e57/32.png) [@SKhanna6](https://community.hubspot.com/u/SKhanna6)\
**Post date:** [May 24, 2023, 2:05pm UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844/3 "2023-05-24T14:05:38Z")

</div>

where do I type these codes, ow to start. I have no idea of coding

---

<div class="post-metadata">

**Author:** ![BBecker1](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@BBecker1](https://community.hubspot.com/u/BBecker1)\
**Post date:** [May 24, 2023, 2:50pm UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844/4 "2023-05-24T14:50:17Z")

</div>

What theme are you using?

---

<div class="post-metadata">

**Author:** ![SKhanna6](https://avatars.discourse-cdn.com/v4/letter/s/a88e57/32.png) [@SKhanna6](https://community.hubspot.com/u/SKhanna6)\
**Post date:** [May 24, 2023, 3:16pm UTC](https://community.hubspot.com/t/need-help-in-creating-global-header/81844/5 "2023-05-24T15:16:57Z")

</div>

> **[Page Details UI](https://app.hubspot.com/page-details/23825836/landing-page/107256891136/performance)**

need this global header for othe rlanding pages
