Change weight of font in Menu

11 1 1



I am using the Montserrat font in my menu bar but because I set the font in general to "medium" it now shows up as "medium" in the menu as well, but I want it to be semi bold. 





I tried adding CSS code direkty to the custom CSS on the website: 


  font-family: "Montserrat";
  font-weight: 600;
   font-size: 28px;


but it just goes from light to bold when I adjust the weight from 500 to 600 and skips all the nuances in between. Also adjusting the font-size doesn't change anything, I want to make it slightly larger.


Thank you for your help!! 🙂 

Replies 3 (3)
Shopify Partner
3046 760 924

Hey @sophiaemli 


Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

.header__menu-item span {
    font-weight: bold !important;




If I managed to help you then, don't forget to Like it and Mark it as Solution!


Best Regards,

Need a Shopify developer? Chat on WhatsApp

- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
11 1 1

Hi @Moeed 

I've added the code, but the weight is still set on medium in the menu bar, is there a specific code for "semi bold" ? I found this on a shopify page, should I try to include "montserrat_n5" in the code?




Shopify Partner
3650 804 1449

Hi @sophiaemli 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css or theme.css or styles.css

.header__menu-item span {
    font-family: "Montserrat" !important;
    font-weight: bold !important;

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.