Nav Bar Won't Work in HubL

SOLVE
Highlighted
New Contributor

Hey community! 

 

I'm trying to work on transitioning our blog over from Medium to one hosted on Hubspot...But, we're having a whole lot of trouble getting our main website header/nav bar to work in Hubspot's language. 

 

Here's the problem laid out by our CTO: 

 

We are trying to set up a blog in Hubspot and would like to use the header/navbar and footer from our main site. We have no problems with the footer. However, our navbar is a little complicated. First, it needs to be responsive. Second, it has a pull-right section and a pull-left section. Third, one of the menu items needs to open a bootstrap modal which contains a form. And fourth, it uses a lot of javascript to do animation and transformation on scroll. Items 3 and 4 seem to prevent us from using the menu or advance menu modules, so we have been trying to use a custom html module. However, when we do, it seems Hubspot is triggering the bootstrap collapse class on the navbar regardless of the screen width breakpoint. Is there anything we can do to make the navbar behave as expected in a custom html module?

 

Could anyone help us with this or lead us to someone who can? We're trying to solve asap so any help would be immensely appreciated!

 

Best,
Kathryn 

1 Accepted solution

Accepted Solutions
Esteemed Advisor

@KathrynKosmides,

 

You were previewing the custom module which isn't connected to the javascript in the template so the model wasn't working for you. Use the template preview in order to see the full template code applied. 

- Jonathan Sumner
5 Replies 5
Esteemed Advisor

@KathrynKosmides,

 

90% of the blog templates I build in Hubspot require me to recreate the header of the main site. It can be a pain. If you'd like to pm me I could solve the issue for you. If you'd like me to guid you to fixing it I would need links to your main site and the hubspot version so that I can find the issue. 

- Jonathan Sumner
Reply
0 Upvotes
New Contributor

Thanks @Jsum! Good to know we're not the only ones who have trouble with this. I will send you a direct message now. 

 

 

Reply
0 Upvotes
Esteemed Advisor

@KathrynKosmides,

 

You were previewing the custom module which isn't connected to the javascript in the template so the model wasn't working for you. Use the template preview in order to see the full template code applied. 

- Jonathan Sumner
New Contributor

Thank you so, so much! You saved us a ton of time and headaches and I really appreciate your generosity. If we ever need anything in the future, I'll be sure to reach out to you first! 

Esteemed Advisor

happy to help!

- Jonathan Sumner
Reply
0 Upvotes