Solved

How can I unbold menu navigation headings in Dawn theme?

jewellerystore1
Excursionist
76 0 8

 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!

 

Screen Shot 2024-03-12 at 2.14.25 pm.png

 

 

Accepted Solution (1)
Hardik29418
Shopify Partner
2913 419 1080

This is an accepted solution.

Please add this code

<style>

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

</style>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 9 (9)

Hardik29418
Shopify Partner
2913 419 1080

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>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
jewellerystore1
Excursionist
76 0 8

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
Shopify Partner
2913 419 1080

This is an accepted solution.

Please add this code

<style>

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

</style>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
jewellerystore1
Excursionist
76 0 8

Yes perfect it worked! Thank you 🙂

jewellerystore1
Excursionist
76 0 8

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

Hardik29418
Shopify Partner
2913 419 1080

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>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
jewellerystore1
Excursionist
76 0 8

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

Hardik29418
Shopify Partner
2913 419 1080


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>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
jewellerystore1
Excursionist
76 0 8

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:

 

Screen Shot 2024-03-12 at 4.30.47 pm.png

Thank you!!