How do you build a mega menu in HubSpot CMS?

[lukesummerfield]

HubSpot hosted our first ever CMS Developer AMA on July 25th 2018. This question was submitted and the first reply is what the panelist and audience chat responded with. (view the full AMA here)

--------------------------------------------

What do you think the best way to develop a mega drop menu system on HubSpot?

The menu system is HubSpot is solid but what's the best way to go about building something that contains more than simple links?

[lukesummerfield]

<iframe src="https://fast.wistia.net/embed/iframe/vxxmqm66gy" title="Wistia video player" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="600" height="338"></iframe>
<script src="https://fast.wistia.net/assets/external/E-v1.js" async></script>

• Audience reply, AJ LaPorte: For mega menus, I've seen HubDB used and also a custom module used as well.
• Audience reply, Jon McLaren: It’s honestly tough…. Requires javascript
• Audience reply, Nicholas Decker: example mega menu https://www.square2marketing.com/
• Audience reply, George Hajj: done it here https://www.theentrustgroup.com/
• Audience reply, Miteshkumar Padariya: https://www.globalapptesting.com/test-menu?hs_preview=kFRvNngp-5728163798 - done with css

--------------------------------------------

Continue the discussion - post your follow up question, example, and/or explain how you've solved this same question. Comment below :cathappy:

[lukesummerfield · Accepted solution]

Audience Responses:

• AJ LaPorte : For mega menus, i've seen HubDB used and also a custom module used as well.
• Nicholas Decker : example mega menu https://www.square2marketing.com/
• George Hajj : Example, done it here https://www.theentrustgroup.com/
• Miteshkumar Padariya: Example, https://www.globalapptesting.com/test-menu?hs_preview=kFRvNngp-5728163798 - done with css
• Jon from Morey: Example https://www.businesscredentialingservices.com/
• Jordi Navarrete : https://a3.wolterskluwer.es/
• JC : What I did was throw in img tags and even p classes for example in https://www.csnycosmetic.com/ and just used css styling

[martaz]

Hello,

I am using a custom jquery mega menu. It has been added to the page using an html module. Is there any way to add - say the latest blog post on a topic into the menu in the dropdown? As I understand it I cannot add hubl into html module. 

Should I be using a hubl module for the menu? Just wondering if this possible?

Thanks, Marta

[ENBertussi]

Sorry bit of a noob here, but I'm not really clear about how to go about implmenting this in hubspot.  (of course coming into being a hubspot partner from wordpress land is a learning curve) 

I love how it is working on the entrust group site that was shared https://www.theentrustgroup.com/ this is pretty much exactly what we are looking for w/ iothic.io.

More details or pointers to a how to, or/and/if anyone has any css or a template that we should consider for this, just sort of lost as it comes to really truly grok'n what you lads are getting at with directions for this. 

cheers and thanks