Blog, Website & Page Publishing

AWalls8
Member

Fixed Navigation Menu in Elevate Theme

SOLVE

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!

1 Accepted solution
albertsg
Solution
Guide

Fixed Navigation Menu in Elevate Theme

SOLVE

@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.



Did my answer help you? Mark it as a solution

View solution in original post

0 Upvotes
5 Replies 5
albertsg
Guide

Fixed Navigation Menu in Elevate Theme

SOLVE

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 as you are mentioning in your first message. 

Then you could do something like this to make your navigation sticky. 



Did my answer help you? Mark it as a solution
AWalls8
Member

Fixed Navigation Menu in Elevate Theme

SOLVE

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?

0 Upvotes
albertsg
Solution
Guide

Fixed Navigation Menu in Elevate Theme

SOLVE

@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.



Did my answer help you? Mark it as a solution
0 Upvotes
Gaurav_Aggarwal
Key Advisor | Partner
Key Advisor | Partner

Fixed Navigation Menu in Elevate Theme

SOLVE

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: https://developers.hubspot.com/beta-docs/guides/cms/content/menus-and-navigation 

 

 

Gaurav_Aggarwal_0-1732898120698.png

 

Gaurav Aggarwal
CEO Truva AI | Hubspot Partner
HubSpot Expert, Key Advisor

Have questions? Get answers:

Get Premium Support

Did my post help answer your question? Mark this as a solution.

0 Upvotes
AWalls8
Member

Fixed Navigation Menu in Elevate Theme

SOLVE

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

0 Upvotes