How to change the font size of my main Menu in Sense theme?

Solved

How to change the font size of my main Menu in Sense theme?

mohh
Visitor
3 0 0

I have checked google and youtube and found these 2 solutions which none works for me

 

1. I couldn't find the site.nav a.  to change the font size

 

2. There is no frame.scss to add this to it:
@ media screen and (max-width: 1599px){ .site-nav>li>a {font-size: 16px;} }

 

 

Accepted Solution (1)

Reena_Soni
Shopify Partner
138 24 34

This is an accepted solution.

Hi @mohh,

 

Go to online store > Actions > Edit code

In Asset > search for base.css

 

Add below code at the bottom in base.css

a.header__menu-item.link {
    font-size: 16px
}

 


Chat on WhatsApp

Need a developer? Hire me at sonireena1031@gmail.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications Into Shopify Theme.
If I helped you out, mark it as the solution and drop me a thumbs up! | Shopify Partner | Do not hesitate to contact me via Message.

View solution in original post

Replies 5 (5)

Reena_Soni
Shopify Partner
138 24 34

This is an accepted solution.

Hi @mohh,

 

Go to online store > Actions > Edit code

In Asset > search for base.css

 

Add below code at the bottom in base.css

a.header__menu-item.link {
    font-size: 16px
}

 


Chat on WhatsApp

Need a developer? Hire me at sonireena1031@gmail.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications Into Shopify Theme.
If I helped you out, mark it as the solution and drop me a thumbs up! | Shopify Partner | Do not hesitate to contact me via Message.
mohh
Visitor
3 0 0

😘Thank you.  

calvin15
Visitor
1 0 0

Hi it helped but the first item is not changed and stays the same, it is shown like this:

Voor haar      Voor hem     Alle Toys

SmileyinSK
Tourist
8 0 1

I tried this but the menu font did not change 😞

I'm using the Sense theme and on a pc the font is very tiny in the main menu. My store is for seniors so it really needs to be larger. Another solution said the change the Assets>theme.scss.liquid file, but I don't have that either, only theme.scss.css .

Smiley Acres, your friendly country store, online! Come visit us at smileyacres.ca.

SmileyinSK
Tourist
8 0 1

The bot gave me this reply and it worked where all the rest didn't!

To change the font size of the main menu in the Sense theme:

Go to your Shopify admin and navigate to Online Store > Themes.
Click Customize next to your Sense theme.
Select Theme settings then Typography.
Adjust the Font size scale for headings.
Click Save.
For detailed steps, check out Customize your font sizes.

Smiley Acres, your friendly country store, online! Come visit us at smileyacres.ca.