Spotlight Theme... make navigation text bigger?

[Justin34]

Hi all,

I am using the spotlight theme. I want to make the navigation text larger. Not tons bigger but enough that its noticeable. Been researching this and cant figure it out. Any help would be appreciated.

The website is www.PPFMerch.com

Thank you!

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @Justin34 please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[Dan-From-Ryviu]

Hi @Justin34

You can add this code to theme.liquid file, after in Online Store > Themes > Edit code to do that

[niraj_patel]

Hello @Justin34

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and(min-width: 990px){ header ul.list-menu.list-menu--inline li a { font-size: 22px !important; /*adjust according to you*/ } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[ZestardTech]

Hi @Justin34

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.header__inline-menu ul li a{
font-size: 18px !important;
font-weight: 700;
}

[Justin34]

Worked perfectly. Thank you! Do you know how to make the font black? Font seems to be a different color other than black. Thank you!

[PageFly-Noah]

Hi @Justin34 Iam so sorry for delay. you can change color by here:

[upham]

Hi Noah, I did try your solution and it worked out, however the “support” tab is still the same and it looks kinda off the navigation tab. Could you help me to solve this please? Here’s the screenshot.