Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.
Solved! Go to the solution
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
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
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
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;
}
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!