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

Store Design
, ,
1

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

2

Hi @br4t

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

3

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

4

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
Made4uoRibe_0-1729885775102.png1708×711 86.1 KB

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

5

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