# Problem with mobile menu

**URL:** <https://community.hubspot.com/t/problem-with-mobile-menu/33097>\
**Category:** CMS Development\
**Created:** [March 12, 2021, 3:36pm UTC](https://community.hubspot.com/t/problem-with-mobile-menu/33097 "2021-03-12T15:36:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![CSarzana](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/csarzana/32/59606_2.png) [@CSarzana](https://community.hubspot.com/u/CSarzana)\
**Post date:** [March 12, 2021, 3:36pm UTC](https://community.hubspot.com/t/problem-with-mobile-menu/33097/1 "2021-03-12T15:36:25Z")

</div>

Hi everyone, I’m struggling with mobile menu…

I create my own blog template and I’m trying to make responsive my menu.

I’m using an html template and trying to follow this instructions:

> **[Menus and Navigation - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/building-blocks/modules/menus-and-navigation)**
>
> HubSpot has a few built-in tools to make the creation and management of these menus easy, and on the code side multiple solutions for displaying menus so you can pick the solution that makes the most sense for your website.

This is my actual code:

\<div id=“header-navigation”\>  
\<div class=“mobile-trigger”\>  
\</div\>  
\<div class=“custom-menu-primary”\>  
{% menu “my\_menu” id=40652450095, overrideable=False, root\_type=‘site\_root’, flyouts=‘true’, max\_levels=‘3’, flow=‘horizontal’, label=‘Menu Indoostry’ %}  
\</div\>  
\</div\>

But when I see a page on mobile, nothing appear.  
This is an example page:

[http://indoostry-8421739.hs-sites.com/blog/software-in-cloud-e-on-promise-qual-è-la-scelta-giusta-0](http://indoostry-8421739.hs-sites.com/blog/software-in-cloud-e-on-promise-qual-%C3%A8-la-scelta-giusta-0)

What am I missing?

Thanks,  
Camilla

---

<div class="post-metadata">

**Author:** ![stefen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stefen/32/29274_2.png) [@stefen](https://community.hubspot.com/u/stefen)\
**Post date:** [March 15, 2021, 3:25pm UTC](https://community.hubspot.com/t/problem-with-mobile-menu/33097/2 "2021-03-15T15:25:35Z")

</div>

@CSarzana looks like your mobile-trigger div doesn’t have the \<i\>\</i\> inside of it which is what the CSS is looking for to make the hamburger menu (the three lines icon). Check your javascript file and make sure you populate that div with something otherwise it won’t have a height and therefore won’t show up on the page.