How to make the Font of a Single Menu Item Bolder

Store Design
, ,

Topic summary

A user wants to make the “Newest Arrivals” menu item appear bolder in their store header.

Solution provided:

  • Navigate to Online Store → Edit Code
  • Locate the theme.liquid file
  • Insert custom CSS code above the closing tag

The response includes code markup (though the actual CSS snippet appears corrupted/unreadable in the thread). An image is attached showing the expected result. The discussion appears resolved with the solution marked, though the specific CSS targeting method isn’t clearly visible in the provided text.

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

How do I make the font for a single menu item bolder? I want to do this for “Newest Arrivals” on my header menu. My store url is https://sonke-boutique.myshopify.com/

1 Like
2

Hey @BRocks

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 tag

RESULT:

Moeed_0-1732901328077.png
Moeed_0-1732901328077.png1545×406 50.6 KB

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

Best Regards,
Moeed

1 Like