How to apply CSS to Advanced Menu Module?

New Member

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).

Reply
0 Upvotes
1 Reply 1
Highlighted
Regular Advisor

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:

 

custom-menu-primary.jpg

 

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: 

 

boilerplate-css.jpg

 

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!