How to make navigation font bold

Topic summary

A user seeks help making their navigation menu font bolder on their Shopify store.

Solutions Provided:

Two respondents offered nearly identical CSS-based solutions:

  1. Navigate to Online Store → Edit Code → theme.liquid
  2. Insert custom CSS code just before the </body> tag
  3. The CSS targets navigation elements and applies font-weight: bold

Both solutions include:

  • Step-by-step instructions
  • Code snippets (markup format)
  • Before/after screenshots demonstrating the result

Status: The issue appears resolved with working solutions provided. The user shared their store URL and credentials for troubleshooting, and received two verified approaches with visual confirmation of successful implementation.

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

Hi guys, I need help on how to make my navigation font more bold?

@kbtyau , can you kindly share your store url and password?

thanks for replying! https://www.kbty.com.au/ and “teethu”

Hey @kbtyau

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:

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

Best Regards,
Moeed

@kbtyau ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before


Result:

If it helps you, please like and mark it as the solution.

Best Regards :heart_eyes: