Add Styling to Menu in Hubspot

Contributor | Platinum Partner

I'm not a graphic designer and figured I'd ask for help before I end up hiring someone for 10 minutes to fix this.


Here's my landing page menu:


Here's what I want them to look like (this site is NOT in Hubspot):


Anybody have any advice on how I can make my landing page menu look like it's supposed to?

- Words in white

- Spacing between each item

(forget the arrows - I don' tneed those)

3 Replies 3
Top Contributor | Diamond Partner

You should be able to just copy and paste the menu module between the templates using the hubx plugin:

After that, you'd just want to make sure the same stylesheets that style the menu are present on the new template. 

Contributor | Platinum Partner

Thanks, however the second website ( is not on Hubspot.  I already have the menu on the hubspot page ( I just don't have the skillset to create a stylesheet to match what's on (


Contributor | Platinum Partner

We've had success adding custom styles to HubSpot menus by adding CSS rules to the selectors that HubSpot uses for menu styling. This article explains the markup that is outputted by menu modules and goes over some of the CSS selectors that can be used to style them. @iamathlete



Dave Roma | Drive Growth Agency