How to change menu font font size in Crave theme

Store Design

Topic summary

Goal: change the menu font size in the Shopify Crave theme when the setting wasn’t obvious in the theme code.

Early guidance: one reply suggested checking Theme Settings (typography) for global font controls, or using custom CSS if only the menu needs changes. Others requested the store URL and password to inspect; the store link (pioneerprints.com) was provided and is not password-protected.

Solution provided: a step-by-step fix using CSS:

  • Shopify Admin > Online Store > Themes > Actions > Edit code.
  • In theme.liquid (the main layout file), locate the closing tag.
  • Paste a CSS snippet right above it to override menu font sizes.
  • Values indicated: 18px for desktop and 12px for mobile.

Notes: the exact CSS code snippet is central to the solution but isn’t visible in the thread. CSS is the styling language used to control font size; theme.liquid is the template that loads site-wide assets.

Outcome: the original poster confirmed the change worked perfectly. Status: resolved; no remaining questions or action items.

Summarized with AI on February 14. AI used: gpt-5.
1

I can’t figure out how to change menu size for my Crave theme. I’ve looked through the codebase and can’t seem to find anything for the menu itself.

Can someone please help? I’ve been stuck on this for weeks

1 Like
2

hi @MarkS23 ,

The first you can go to customize theme, and going to settings theme, every theme have support change the font size. But if you just want change the font of menu only, you should be use the css style and font-family attribute.

So, if you need i check help you, can you give the link to store for me, i will check and provide the suggestion for you.

Thank you!

3

Hello @MarkS23 ,

Please share:

  • your store URL;
  • screenshot of the menu you’d like to change;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

4

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

5

Hi, sorry about that, I should’ve included it in my post

https://pioneerprints.com/

6

https://pioneerprints.com/

Thank you!

7

pioneerprints.com

There should be no password

Thank you sir!

8

@MarkS23 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

18px = desktop
12px = mobile

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

2 Likes
9

Thank you Diego, that worked perfectly.

And thank you to everyone else who responded