How to apply CSS to Advanced Menu Module?

[ryan-wells]

Hello everyone,

Could someone please help me understand if it is possible to override/edit the default Advance Menu styles so that we can apply our own CSS?

We have a functioning menu and CSS in static form running on Hubspot but would like to use the Advanced Menu element, ie. in laymans terms, make a static menu > dynamic.

I'm not a HubSpot developer per se, so any tips on how to implement this would be grately appreciated.

For now we have the CSS and a static menu, but we'd like to 'connect it' to the HubSpot Advanced Navigation module.

(Our menu is multi-level).

[Stephanie-OG]

Hi Ryan, 

Typically what you would do in this case is add the Menu module to your header and apply a custom-menu-primary class:

HubSpot's boilerplate CSS already includes all the CSS selectors you'll need for the custom-menu-primary class under the "MAIN NAVIGATION" section so that you can update the styling accordingly: 

I hope that helps!

---

Stephanie O'Gay Garcia

HubSpot Design / Development

Website | Contact

If this helped, please mark it as the solution to your question, thanks!