# Mobile navigation menu trouble

**URL:** <https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039>\
**Category:** CMS Development\
**Tags:** navigation\
**Created:** [April 14, 2020, 2:38pm UTC](https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039 "2020-04-14T14:38:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![TonyPaille](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tonypaille/32/35608_2.png) [@TonyPaille](https://community.hubspot.com/u/TonyPaille)\
**Post date:** [April 14, 2020, 2:38pm UTC](https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039/1 "2020-04-14T14:38:58Z")

</div>

Hi there,

I downloaded the 2018 Launch on Liftoff template pack by Brand Builder Solutions. The mobile responsiveness doesn’t seem to be working out of the box like the live example in the template marketplace. It should hide the menu and switch to a hamburger button. Instead, the menu goes from horizontal to vertical and moves to the center of the page, blocking other content.

Here are the steps I’ve taken so far:

1. I went through the CSS line by line to see if there was anything obviously different between the downloaded templated and the live preview.

2. I followed the instructions at [Menus and Navigation - HubSpot docs](https://designers.hubspot.com/docs/snippets/responsive/how-to-implement-a-fixed-top-mobile-navigation-design-manager). It looks like none of the page templates referenced the script, so I added it.

I’m a very green developer, so any help would be really appreciated. I’m a bit over my head here.

My page: [www.yourbostonvacation.com](http://www.yourbostonvacation.com)

The live preview of the template: [HubSpot Marketplace](https://app.hubspot.com/marketplace/7453851/products/brand-builder-solutions/2018-launch-on-liftoff)

Thank you so much!

Tony

---

<div class="post-metadata">

**Author:** ![psdtohubspot](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/psdtohubspot/32/70262_2.png) [@psdtohubspot](https://community.hubspot.com/u/psdtohubspot)\
**Post date:** [April 14, 2020, 8:25pm UTC](https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039/2 "2020-04-14T20:25:36Z")

</div>

Hi @TonyPaille  
Jquery Missing see the attachment with Error

 ![jquery.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/d/6d1bb6eacf0b64e08359ea76a70444f7e463517b.png)

Please visit here

> **[Include jQuery across pages](https://knowledge.hubspot.com/website-pages/include-jquery-across-your-hubspot-pages)**
>
> Learn how to include and manage jQuery across your HubSpot-hosted pages to ensure compatibility with older modules and scripts.

Follow the steps and try, if still not resolved i will take a look.  
Thanks  
Ajit

---

<div class="post-metadata">

**Author:** ![TonyPaille](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tonypaille/32/35608_2.png) [@TonyPaille](https://community.hubspot.com/u/TonyPaille)\
**Post date:** [April 14, 2020, 8:31pm UTC](https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039/3 "2020-04-14T20:31:51Z")

</div>

Thank you so much, Ajit! That did the trick. I really appreciate your help. I would have never figured that out.

I’ll pay it forward by helping someone else in another thread!

---

<div class="post-metadata">

**Author:** ![psdtohubspot](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/psdtohubspot/32/70262_2.png) [@psdtohubspot](https://community.hubspot.com/u/psdtohubspot)\
**Post date:** [April 14, 2020, 8:42pm UTC](https://community.hubspot.com/t/mobile-navigation-menu-trouble/20039/4 "2020-04-14T20:42:36Z")

</div>

you are welcome @TonyPaille  
Always happy to help 🙂
