Solved

How can I change the main menu font size on my website?

X-DREAM
Excursionist
29 0 3

I want only change the main menu front size, but i can't find the base.css file under assets folder to adding the code. 

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
5437 1308 1610

This is an accepted solution.

Hi @X-DREAM 

Check this one. The current size of the font is .9rem

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "main-nav.css or core.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:

 

nav.\#main-nav a {
    font-size: 20px !important;
}

 

 And Save. 

Result:

Made4uoRibe_0-1704982289503.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
3695 932 1165

Hey @X-DREAM 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
X-DREAM
Excursionist
29 0 3

Mike-Omega
Shopify Partner
157 27 30

Hi @X-DREAM 

This is Mike from Omega

If you could not find the base.css, you can add the code to core.css or main-nav.css.

I check and see these files on your store.

Hope my answer will help you

If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA
X-DREAM
Excursionist
29 0 3

Thanks Mike, can you please also check the blew code if this is the right code.

 

summary.header__menu-item.list-menu__item.link.focus-inset {
font-size: 20px !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
font-size: 20px !important;
}

Made4uo-Ribe
Shopify Partner
5437 1308 1610

This is an accepted solution.

Hi @X-DREAM 

Check this one. The current size of the font is .9rem

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "main-nav.css or core.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:

 

nav.\#main-nav a {
    font-size: 20px !important;
}

 

 And Save. 

Result:

Made4uoRibe_0-1704982289503.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com