# Does the Advanced Menu module have a mobile version

**URL:** <https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353>\
**Category:** CMS Development\
**Tags:** navigation\
**Created:** [October 29, 2020, 8:36am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353 "2020-10-29T08:36:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattOnce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mattonce/32/87988_2.png) [@MattOnce](https://community.hubspot.com/u/MattOnce)\
**Post date:** [October 29, 2020, 8:36am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/1 "2020-10-29T08:36:57Z")

</div>

I am adding a second menu to my webpage, and I need it to be responsive and mobile-friendly.  
I have added an Advanced Menu module to my layout, and it looks good on desktop, but I would like it to become a hamburger menu on mobile.  
I see that on layouts from the Hubspot theme, the header menu works this way, but I cannot find a way to toggle or activate this behavior for the Advanced Menu.

I am building custom pages using the CLEAN 6 theme.

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [October 29, 2020, 3:20pm UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/2 "2020-10-29T15:20:09Z")

</div>

Hi @MattOnce,

the CLEAN6 theme is a great theme (and one of the best sellers), it (should) have mobile navigations.

Have you added all the default CSS classes of the menu module to your own module?

best,

Anton

---

<div class="post-metadata">

**Author:** ![MattOnce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mattonce/32/87988_2.png) [@MattOnce](https://community.hubspot.com/u/MattOnce)\
**Post date:** [October 30, 2020, 6:49am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/3 "2020-10-30T06:49:55Z")

</div>

Hi Anton, thanks for your reply.

I’m not aware of any menu module from CLEAN6 (global header not included), and I’m not skilled enough to create my own module.

I’m adding a second navigation bar using the (non-CLEAN6 module) advanced menu. I’ve placed it within the “CLEAN6 multi-column content” module - col 1 for a logo image, col 2 for the menu, col 3 for a CTA.

But unlike the CLEAN6 global header, and the Hubspottemplate header, it does not switch to a mobile/hamburger layout on smaller screen resolutions.

If adding “all the default CSS classes of the menu module to your own module” would solve this, I’d appreciate it if you could explain how I would go about doing this.

Thanks again.

Screenshot can be found here:

> **[Screen Shot 2020-10-30 at 08.39.08 hosted at ImgBB](https://ibb.co/K2vFwnH)**
>
> Image Screen Shot 2020-10-30 at 08.39.08 hosted on ImgBB

[https://ibb.co/HtkPktd](https://ibb.co/HtkPktd)

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [October 31, 2020, 8:36am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/4 "2020-10-31T08:36:31Z")

</div>

Hi @MattOnce,

you can add CSS classes here:

it’s a screenshot from the vast template since I don’t have the CLEAN6 template but the logic is everywhere the same.

Click on the module which should have a(or multiple) CSS class and you’ll see a inputfield called “CSS class” in the right sidebar. copy&paste/write the class name which you’ll see below the module name from the working menu into it. Save it and you’re done.

For example: If class of the CLEAN6 menu is “custom-burger-menu”, then you’ll give your new menu module the same class.

best,

Anton

---

<div class="post-metadata">

**Author:** ![Elena\_rock](https://avatars.discourse-cdn.com/v4/letter/e/5e9695/32.png) [@Elena\_rock](https://community.hubspot.com/u/Elena_rock)\
**Post date:** [May 30, 2022, 3:47pm UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/5 "2022-05-30T15:47:39Z")

</div>

I don’t understand why this answer is marked as a solution. This is not a solution to the issue, because CLEAN 6 looks like HubL code, not block building, and the ‘custom-menu-primary’ class has already been added, but the menu is not displayed on mobile devices.

---

<div class="post-metadata">

**Author:** ![MattOnce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mattonce/32/87988_2.png) [@MattOnce](https://community.hubspot.com/u/MattOnce)\
**Post date:** [May 31, 2022, 6:20am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/6 "2022-05-31T06:20:11Z")

</div>

I think that, being new to the platform, I assumed that it was more likely that I was doing something wrong than the information given was lacking. If there is a better solution, I’d still like to hear it.

---

<div class="post-metadata">

**Author:** ![Elena\_rock](https://avatars.discourse-cdn.com/v4/letter/e/5e9695/32.png) [@Elena\_rock](https://community.hubspot.com/u/Elena_rock)\
**Post date:** [May 31, 2022, 6:39pm UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/7 "2022-05-31T18:39:20Z")

</div>

Since this topic was created by the Helpful hero team -- I first referred to the documentation ([https://www.helpfulhero.com/clean6/documentation](https://www.helpfulhero.com/clean6/documentation)). But not finding the answer I needed, I wrote to their support ([Helpful Hero - Contact](https://www.helpfulhero.com/contact) or you can email [kevin@helpfulhero.com](mailto:kevin@helpfulhero.com)). I received the following response:

"Usually, when this happens it means there is a legacy JS file being included somewhere. Here is a quick video of where to look and remove this.  
[Checking for legacy JavaScript Files | Loom](https://www.loom.com/share/5710a0e8746941e59b48e8dc5c846f28) "

But this option did not suit me, since in my case there was no code in the settings.  
Therefore, the correspondence is continued, and when the reason that affects the display of the mobile menu is clear, I will let you know.

---

<div class="post-metadata">

**Author:** ![Elena\_rock](https://avatars.discourse-cdn.com/v4/letter/e/5e9695/32.png) [@Elena\_rock](https://community.hubspot.com/u/Elena_rock)\
**Post date:** [June 1, 2022, 6:20am UTC](https://community.hubspot.com/t/does-the-advanced-menu-module-have-a-mobile-version/27353/8 "2022-06-01T06:20:35Z")

</div>

In my case, the problem was the using a much older version of CLEAN which needed jQuery turned on in the Content Settings. After flipped it on, the menu began to work 🙂

 ![Screen Shot 2022-05-31 at 3.07.27 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/3/a3ce5a90c06cc722092c80dadb18f73f55fc9135.png)
