How to enlarge main and drop-down menu font in Colorblock 10.0 theme?

[BydlowskaL]

I am using the 10.0 Colorblock Theme and the main menu/drop-down menu at the top of our store is a really small font. How do I increase the font?

[Made4uo-Ribe]

Hi @BydlowskaL ,

Would you mind to share your URL website? with password if its protected. Thanks!

[BydlowskaL]

Hi there! It's: https://openstudioshop.ca/

[Made4uo-Ribe]

Thannk you for the info. Try this. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

div#MegaMenu-Content-2 li a {
    font-size: 2rem;
    white-space: nowrap;
}

Result:

Note; you can adjust the sizes. 

I hope it help. 

[BydlowskaL]

Hi there! Do you mean I should paste it at the bottom of the base.css file?

[Made4uo-Ribe]

for the main menu. 

nav.header__inline-menu a {
    font-size: 2rem;
}
summary#HeaderMenu-artwork span {
    font-size: 2rem;
}

Result:

[BydlowskaL]

Can you confirm where these edits should be made?

[Made4uo-Ribe]

You can copy and paste in the base.css file. click save then preview. 

[Danir84]

hello, I tried your code in my base.css file and it's not working completely because the Shop link in my main menu is not enlarging, probably because it opens a drop down menu with different links. can you help me solve it? thanks!