# Fixed Navigation Menu in Elevate Theme

**URL:** <https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639>\
**Category:** Blog, Website & Page Publishing\
**Tags:** professional\
**Created:** [November 29, 2024, 4:25pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639 "2024-11-29T16:25:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![AWalls8](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@AWalls8](https://community.hubspot.com/u/AWalls8)\
**Post date:** [November 29, 2024, 4:25pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/1 "2024-11-29T16:25:59Z")

</div>

Hello HubSpot Community,

I’m trying to create a fixed (sticky) navigation header in the **Elevate theme** , but I’ve hit a few roadblocks. Here’s where I’m stuck:

1. I understand that to modify a theme, I need to either create a child theme or clone the relevant module. However, since the Elevate theme appears to be in the root directory of HubSpot, I can’t find an option to create a child theme.
2. When I clone the site header module, I don’t see a way to call that cloned header in the **global content editor** to replace the locked theme header.

Does anyone have a workaround for creating a fixed navigation header in the Elevate theme? Any advice on how to effectively modify or replace the default header would be greatly appreciated!

Thank you!

---

<div class="post-metadata">

**Author:** ![Gaurav\_Aggarwal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gaurav_aggarwal/32/26578_2.png) [@Gaurav\_Aggarwal](https://community.hubspot.com/u/Gaurav_Aggarwal)\
**Post date:** [November 29, 2024, 4:36pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/2 "2024-11-29T16:36:57Z")

</div>

Hey @AWalls8

To create a fixed navigation header in the Elevate theme and modify or replace the default header, follow these steps this article here: [Menus and Navigation - HubSpot docs](https://developers.hubspot.com/beta-docs/guides/cms/content/menus-and-navigation)

 ![Gaurav_Aggarwal_0-1732898120698.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/f/fbfcc6b4f2baed156d4d0c5c503ab280998efbae.png)

---

<div class="post-metadata">

**Author:** ![AWalls8](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@AWalls8](https://community.hubspot.com/u/AWalls8)\
**Post date:** [November 29, 2024, 5:26pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/3 "2024-11-29T17:26:32Z")

</div>

These steps don’t address a fixed menu, just custom menus. Am I missing something there?

---

<div class="post-metadata">

**Author:** ![albertsg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/albertsg/32/99473_2.png) [@albertsg](https://community.hubspot.com/u/albertsg)\
**Post date:** [December 2, 2024, 9:58am UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/4 "2024-12-02T09:58:23Z")

</div>

Hi @AWalls8, I don’t know how the Elevate Theme is set but what you are trying to do could be achieved with custom code (there might be other ways, but this is the one I’m familiar with). But in order to add your own code, you need to [create a child theme](https://developers.hubspot.com/beta-docs/guides/cms/content/themes/child-themes) as you are mentioning in your first message.  
Then you could do something like [this](https://www.w3schools.com/howto/howto_js_navbar_sticky.asp) to make your navigation sticky.

---

<div class="post-metadata">

**Author:** ![AWalls8](https://avatars.discourse-cdn.com/v4/letter/a/a5b964/32.png) [@AWalls8](https://community.hubspot.com/u/AWalls8)\
**Post date:** [December 2, 2024, 12:10pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/5 "2024-12-02T12:10:38Z")

</div>

Yep, that was what I was trying to do, but for Elevate there is no option to create a child theme because I can’t select it in the Designer and it isn’t organized as a theme in the file system. It’s just a bunch of modules in the root directory. Any ideas on how to make a child theme on Elevate?

---

<div class="post-metadata">

**Author:** ![albertsg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/albertsg/32/99473_2.png) [@albertsg](https://community.hubspot.com/u/albertsg)\
**Post date:** [December 4, 2024, 6:52pm UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/6 "2024-12-04T18:52:49Z")

</div>

@AWalls8 Unfortunately I haven’t worked with the Elevate theme, so my suggestion is to contact the creator of the Theme for support, they will know the best approach.

---

<div class="post-metadata">

**Author:** ![StanGommans](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stangommans/32/64494_2.png) [@StanGommans](https://community.hubspot.com/u/StanGommans)\
**Post date:** [January 7, 2025, 11:54am UTC](https://community.hubspot.com/t/fixed-navigation-menu-in-elevate-theme/121639/7 "2025-01-07T11:54:04Z")

</div>

Hi @AWalls8,  
It seems that the Elevate theme is some sort of development / beta theme. My guess is that this relates to the new beta for Case Studies and Case Study Generator.  
Please take a look at this beta: [Create and manage case studies](https://knowledge.hubspot.com/website-and-landing-pages/create-and-manage-case-studies)  
It is not possible to make a child-theme / customizations to the Elevate theme in the current beta. You are also not able to use any custom HTML in the head/footer of Case Studies for now.  
Am I correct that you are using the theme for case studies?
