Menu font weight

New Contributor

Hello experts:

 

This may seem like a silly question, but I am having issues with increasing the weight of the font in my navigation menu. I have locted the CSS file and have been tinkering around with changing numbers and publishing - but it doesn't seem to change my menu. 

 

Here is my CSS:

.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
display: inline-block;
font-family: '{{ bbsvar.fontFamily }}', sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
border-top: 3px solid transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
text-decoration: none;
max-width: 250px;
padding: 15px 15px;
margin: 5px 0 0;

 

Here is an image of my navigation menu that is in question. Also, if I want to increase the spacing between the menu items, how do I do that? I appreciate all your help!

hubspot nav menu.JPG

Reply
0 Upvotes
2 Replies 2
Regular Advisor | Platinum Partner

@KateGuth ,

font-weight is responsible for the weight, but you will need to make sure that the webfont you have linked is referencing the weight you want.  the weight will increase in increments of 100

i believe something else is responsible for the margin here, could you post a link to the page with this nav?

dennis
Highlighted
New Contributor

Thanks for your help. Here is a link to the page, but it is unpublished https://kerberrose-5121337.hs-sites.com/kerberrose-home-page?hs_preview=CwbldONx-10899596964

Reply
0 Upvotes