What's your biggest current challenge? Have your say in Community Polls along the right column.

Change Homepage main menu font separate from theme in Dawn theme.

Change Homepage main menu font separate from theme in Dawn theme.

AndreaH3737
Excursionist
17 0 7

I'm trying to change the menu font "Home, Categories, etc".  I want it in all caps, so I was able to figure that out, but I can't find any of the css files they refer to on here in my code to add test code to.  I'm just wanting to change it here and in the product card headers.  Thanks!

 

https://l4yulyw4jbgarhac-89214681390.shopifypreview.com

 

AndreaH3737_0-1732245510655.png

 

Replies 5 (5)

namphan
Shopify Partner
2044 269 297

Hi @AndreaH3737,

I checked and it was capitalized, what else do you want?

You can use following code, it will work only for header. Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header__menu-item {
    text-transform: capitalize !important;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
AndreaH3737
Excursionist
17 0 7

I want to make this font different than the font in the theme..... as stated, I figured out how to make it all capital already - just need to change the font....

namphan
Shopify Partner
2044 269 297

Hi @AndreaH3737,

What font do you want it to display? And is the font already integrated into the theme?

Please let me know, I will help you check it

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

DaisyVo
Shopify Partner
1040 130 144

HI @AndreaH3737 

 

I saw that in your preview theme, all headers are capitalized, what do you want more? 

 

If you want to know where to add code, there are 2 ways:

 

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUK

-  Paste the code provided into the Custom CSS section.

 

2. Go to Shopify Admin -> Online Store ->Theme -> Edit code
- Search file theme.liquid
-  Insert code above </head>

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
AndreaH3737
Excursionist
17 0 7

I want to make this font different than the font in the theme..... as stated, I figured out how to make it all capital already - just need to change the font.