Make Main Menu Text Bigger and Bolder Without Changing Text Across Website

Solved

Make Main Menu Text Bigger and Bolder Without Changing Text Across Website

br4t
New Member
8 0 0

How can I make the text on my main menu larger and bolder without changing all the text across my website? Any advice is greatly appreciated! xx

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
8770 2097 2573

This is an accepted solution.

Thank you @br4t 

 

1. From the Admin page, go to Online Store > Themes
2. Select the theme you want to edit, click the three dots to edit code
3. Under the Asset folder, open the base.css
4. Then place the code below at the very bottom of the file and SAVE

NOTE: Adjust the number 20, to the size you want

 

nav.header__inline-menu .header__menu-item {
    font-size: 20px;
    font-weight: bold;
}

 
Result:

Made4uoRibe_0-1729885775102.png

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
8770 2097 2573

Hi @br4t 

 

Yes, definitely, please provide your website so we can assist you better

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
br4t
New Member
8 0 0

Hi, here is my website link. The password is piecku

Made4uo-Ribe
Shopify Partner
8770 2097 2573

This is an accepted solution.

Thank you @br4t 

 

1. From the Admin page, go to Online Store > Themes
2. Select the theme you want to edit, click the three dots to edit code
3. Under the Asset folder, open the base.css
4. Then place the code below at the very bottom of the file and SAVE

NOTE: Adjust the number 20, to the size you want

 

nav.header__inline-menu .header__menu-item {
    font-size: 20px;
    font-weight: bold;
}

 
Result:

Made4uoRibe_0-1729885775102.png

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
br4t
New Member
8 0 0

Thank you so much, you are such a great help! This worked perfectly.