Docs

[brighthings]

Hello,

I want to make the menu items a little bit thicker when active. But i get them only bold, and that’s to much.

I tried also difference weights, but this also didn’t work. He takes only bold.

.x-navbar .desktop .x-nav > .current-menu-item > a {
font-weight: bold;
}

Thank you.

[brighthings]

This reply has been marked as private.

[Joao]

Hi There,

You can use :

.x-navbar .desktop .x-nav > .current-menu-item > a {
  font-weight: 400 !important;
}

Hope that helps

Joao

[brighthings]

This reply has been marked as private.

[Joao]

Hi There,

I have tested on my end and with !important it works,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[brighthings]

This reply has been marked as private.

[Jade]

Hi there,

Please use this:

.x-navbar .desktop .x-nav > .current-menu-item > a {
    font-weight: 500;
}

Hope this helps.

[brighthings]

This reply has been marked as private.

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

Please check this link for available font weights : https://material.google.com/style/typography.html#typography-language-categorization

Update your code to :

.x-navbar .desktop .x-nav > .current-menu-item > a {
    font-weight: 500;
}

You can change font weight under Customize -> Typography -> Body Font Weight.

Hope it helps.

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

Not sure which code you are referring. You can select the weight from Customizer so you don’t need code for that.

Thanks!

[brighthings]

This reply has been marked as private.

[Rupok]

Hi there,

Your current code looks like :

.x-navbar .x-nav-wrap .x-nav > li > a {
  font-family: "Roboto",sans-serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.045em;
}

So the font-weight is 300 here and the suggested code was to update this weight to 500.

Thanks!

[Author]

Posts