How can I unbold menu navigation headings in Dawn theme?

[jewellerystore1]

 Hi there,

I would like to unbold all the headings in my menu drop down under 'Shop'. See image attached.

website: https://nuijewellery.com.au/

Theme: dawn

Thank you!

 

[Hardik29418]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>

   .mega-menu__content .mega-menu__list li a {
    font-weight: 400;
  }

</style>

[jewellerystore1]

Hi there,

Thanks for the prompt response. I have added the code but it hasn't worked 😞

Is there anything else I can try?

[Hardik29418 · Accepted solution]

Please add this code

<style>

   .mega-menu__content .mega-menu__list li a {
    font-weight: 400 !important;
  }

</style>

[jewellerystore1]

Yes perfect it worked! Thank you 🙂

[jewellerystore1]

Do you know how to make the headings closer together? As in the gaps between headings to be tighter?

[Hardik29418]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>

  .header__menu-item {
    padding: 1.2rem 0.8rem !important;
}
</style>

[jewellerystore1]

It only moved the arrow next to shop over, not the subheadings under shop

[Hardik29418]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
  .mega-menu__content {
    padding-top: 0px !important;
  }
</style>

[jewellerystore1]

I may have not been clear enough. This only changed the padding but I would like to change the line height to be similar to this but not as tight:

Thank you!!