How to make navigation font bold

Solved

How to make navigation font bold

kbtyau
Visitor
2 0 0

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

 

Screenshot 2024-09-17 at 6.56.59 PM.png

 

 

Accepted Solution (1)
Moeed
Shopify Partner
5457 1477 1764

This is an accepted solution.

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 </body> tag

<style>
.navlink--toplevel {
    font-weight: bolder !important;
}
</style>

RESULT:

Moeed_0-1726564797320.png

 

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

 

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

BSSCommerce-B2B
Shopify Partner
1738 522 584

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

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

kbtyau
Visitor
2 0 0

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

Moeed
Shopify Partner
5457 1477 1764

This is an accepted solution.

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 </body> tag

<style>
.navlink--toplevel {
    font-weight: bolder !important;
}
</style>

RESULT:

Moeed_0-1726564797320.png

 

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

 

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


BSSCommerce-B2B
Shopify Partner
1738 522 584

@kbtyau ,

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

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

 

<style>
header .navtext {
   font-weight: 900!important;
}
</style>

Result:

BSSCommerceB2B_0-1726564928233.png

 

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

Best Regards 😍

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now