How to make navigation font bold in Sense theme?

Topic summary

A user wants to make navigation menu text bold in Shopify’s Sense theme without affecting other fonts on the site.

Solution provided (multiple confirmations):

  • Navigate to: Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open the base.css file (located in Assets folder)
  • Add CSS code at the bottom of the file

CSS code to add:

.header__menu-item span {
  font-weight: bold;
}

One responder suggested using font-weight: 700 !important; for stronger enforcement.

Multiple theme developers confirmed this approach with screenshots showing the expected result. The solution is straightforward and requires only basic CSS customization without affecting other site typography.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

I would like to make the font bold in the navigation on the sense theme, without changing other fonts within the site.

https://medusasmakeup.com/

1 Like

Hi @medusasmakeup

This is David at SalesHunterThemes.
To add the font bold for the navigation

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.header__menu-item span {
 
    font-weight: bold;
}

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

David | SalesHunterThemes team

Hello @medusasmakeup :waving_hand:

Inside Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

.header__menu-item {
    font-weight: bold;
}

The result

Hope that helps!

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__menu-item span {
font-weight: bold;
}

@medusasmakeup

add this code to your base.css file.

Navigate to the online store >> Click edit theme code.

Now find base.css and paste the following code:

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