How can I change the default menu font from 'Body' to 'Headings' in the Studio theme?

Store Design
, , , ,
1

Hi,

Please could someone help me?

I use the theme Studio. It automatically selects the ‘body’ font as the font to use for the menu. But I would like it to use the ‘headings’ font for the menu.

My body font is called ‘Roboto’ and this is the font that is automatically used as the menu font. My heading font is called ‘Cooper BT’ and this is the font I am trying to use as my menu font.

Basically I am trying to change the default font from ‘Body’ to ‘Headings’.

Any help would be very much appreciated!

Thanks :slightly_smiling_face:

Ben

2

@mben - can be done via c, can yo please share your website link?

3

Hi,

Sorry forgot to include it.

It’s www.wyldfragrance.co.uk.

Thanks!

Ben

4

@mben - please add this css to the very end of your base.css file and check

.header__menu-item span, .header__submenu .header__menu-item{font-family: 'COOPER BT';}
5

Hi,

Didn’t work unfortunately.

Thanks,

Ben

6

@mben - can yo share your screenshot?

7

Screenshot of the menu or the code? Thanks

8

@mben - menu

9

Hi,

Thanks for your message.

There’s no direct option so I was hoping someone would be able to provide
the custom CSS to target the menu element and apply the ‘headings’ font.

Thanks,

Ben

10

Hi @mben ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

11

I had the same issue, and this works perfectly! Thanks.

12

Hello @mben ,

If you want to change the menu font without affecting other headings, please follow this tutorial. I hope you find it very helpful.

Thanks!