Re: Change font size of side menu bar

Solved

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

Isabelle2022
Excursionist
18 0 5

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

Screen Shot 2022-06-14 at 10.54.54 AM.png

Accepted Solution (1)

Developden
Shopify Partner
38 20 18

This is an accepted solution.

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 </head> tag if the above doesn't work:

<style>
.side-nav .menu ul li a, .side-nav .menu ul li a span {
font-size: 34px;
}
</style>



If we helped you, please Like and Accept the Solution.
Developden | Custom Shopify Solutions
Contact us: [email protected]
https://developden.com

View solution in original post

Replies 5 (5)

Developden
Shopify Partner
38 20 18

This is an accepted solution.

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 </head> tag if the above doesn't work:

<style>
.side-nav .menu ul li a, .side-nav .menu ul li a span {
font-size: 34px;
}
</style>



If we helped you, please Like and Accept the Solution.
Developden | Custom Shopify Solutions
Contact us: [email protected]
https://developden.com
Isabelle2022
Excursionist
18 0 5

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

Isabelle2022
Excursionist
18 0 5

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. 

 

Screen Shot 2022-06-15 at 9.05.27 AM.pngScreen Shot 2022-06-15 at 9.06.02 AM.png

KetanKumar
Shopify Partner
37094 3645 12053

@Isabelle2022 

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

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

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Denishamakwana
Shopify Partner
1408 173 231

Hi,

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

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme