Problem Changing Theme Font Size For One Menu!

1
1
331 followers

I've just set up a new website (crazyoddweird.everythingprint3d.com) and after HOURS of searching, I found the right theme for what I needed. I've got it pretty much set up how I want it. Except one thing: the menu font is too small.

I've done a few searches on WA to find blogs/tutorials on how to change the font and I found one that looked promising:

https://my.wealthyaffiliate.com/training/change-font-size-in-wordpress-omg-code

I went through the steps of the video, as follows:

1. Go to the Editor in WP, to the Stylesheet:

2. Ctrl-F to find the "font-size" phrase in the stylesheet at the section you want to change. In my case, I want to change the size of the menu font

Now the image on the screen shows the font-size highlighted. This is the only one in the "small menu" section, and this is the only menu section with a "font-size" in it that could be found in the stylesheet.

I've already changed the font size in this snapshot, from 2 to 10. I clicked "Update File" and refreshed the already open page I had for my site.

But nothing changed!

The tutorial I used above made total sense and I believe I've followed the steps as stated. So why does the computer say "NO!"?

The name of the theme I'm usng is BirdSITE.

If anyone in WA has any idea where I go from here, please let me know. It's very frustrating.

Looking forward to your help.

Cheers,

Scott

1
1

Join FREE & Launch Your Business!

Exclusive Bonus - Offer Ends at Midnight Today

00

Hours

:

00

Minutes

:

00

Seconds

2,000 AI Credits Worth $10 USD

Build a Logo + Website That Attracts Customers

400 Credits

Discover Hot Niches with AI Market Research

100 Credits

Create SEO Content That Ranks & Converts

800 Credits

Find Affiliate Offers Up to $500/Sale

10 Credits

Access a Community of 2.9M+ Members

By continuing, you agree to our Terms of Service and Privacy Policy
No credit card required

Recent Comments

1

Hey Scott,

You're putting the code in the wrong place. There are two menu sections. There is nothing in your Small Menu. Add the code to just the Menu instead.

Search for this line in your css file: /* Menu

after that add your custom font-size to:

#menu-wrapper .menu {
width: 240px;
margin-top: 40px; }

making it look like this instead:

#menu-wrapper .menu {
width: 240px;
margin-top: 40px;
font-size: 1.1em;}

you can play with the em size until you get like you want it. I saw in your picture that you set it to 10. That's going to be way too big.

I hope this helps

Join FREE & Launch Your Business!

Exclusive Bonus - Offer Ends at Midnight Today

00

Hours

:

00

Minutes

:

00

Seconds

2,000 AI Credits Worth $10 USD

Build a Logo + Website That Attracts Customers

400 Credits

Discover Hot Niches with AI Market Research

100 Credits

Create SEO Content That Ranks & Converts

800 Credits

Find Affiliate Offers Up to $500/Sale

10 Credits

Access a Community of 2.9M+ Members

By continuing, you agree to our Terms of Service and Privacy Policy
No credit card required

2.9M+

Members

190+

Countries Served

20+

Years Online

50K+

Success Stories

The world's most successful affiliate marketing training platform. Join 2.9M+ entrepreneurs building their online business with expert training, tools, and support.

© 2005-2025 Wealthy Affiliate
All rights reserved worldwide.

🔒 Trusted by Millions Worldwide

Since 2005, Wealthy Affiliate has been the go-to platform for entrepreneurs looking to build successful online businesses. With industry-leading security, 99.9% uptime, and a proven track record of success, you're in safe hands.