How can I adjust the font size in my side menu with the Colors theme?

Hello, I would like to know how I can change the font size of my side menu with the Colors theme. This is what my website look like. The font size is smaller than what it should be (“Get Peeq+” and “Sign In”) and I don’t know how to change that. Please help

Hi @Isabelle2022

Please follow these steps to adjust the font size in the menu:

  • Go to Admin>Online Store
  • Click Actions>Edit code on the live theme
  • Find and open the colors.css file in the assets folder
  • Add this code to the bottom of the file:
.side-nav .menu ul li a, .side-nav .menu ul li a span {
font-size: 34px;
}
  • Change the value of pixels (px) to your liking

You can also add this code in the theme.liquid file above the tag if the above doesn’t work:


@Isabelle2022

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

Thank you so much it works now with the second option!

Also, I created 4 collections but only 3 appear in the menu on top and on the side. Here is a picture. In the dropdown menus “The Extras.” collection is not there. How can I change that.