Back to Blog

    How to change the menu font in Shopify using Turbo theme

    By We Are Chain• January 19, 2025

    Why Customising Your Menu Matters

    A well-designed menu ensures that customers can easily navigate your store. Whether you're adjusting the font size for readability or selecting a font style that complements your branding, these tweaks make a big difference in creating a professional and user-friendly experience.

    Step 1: Access the Theme Customiser

    1. Log in to your Shopify admin dashboard.
    2. Click on Online Store in the left-hand menu.
    3. Under the Themes section, locate your active theme (Turbo) and click Customize.

    Step 2: Navigate to Typography Settings

    1. Within the Theme Customiser, locate the menu settings in the left-hand panel.
    2. Scroll down until you find the Typography section. This is where you can adjust fonts, sizes, and styles for different parts of your site.

    Step 3: Adjust the Menu Font and Size

    1. Under Main Menu and Buttons, you will see options to select a font and adjust the size.
    2. Click on the dropdown to choose a font. Shopify offers a range of options, but you can also add custom fonts if needed.
    3. To change the font size, use the slider or enter a specific value. For example, increasing the size to 20px makes the menu more prominent and easier to read.
    4. Preview the changes in real-time to ensure they fit your design.
    5. Once satisfied, click Save.

    Step 4: Explore Other Design Options

    The Typography section also allows you to adjust the font size and style for other areas of your store, such as:

    • Regular Text: Modify the body font used throughout your store.
    • Menu Text Colour: Change the colour of your navigation menu text to align with your branding.
    • Header and Footer Fonts: Ensure consistency across your site by updating these sections too.

    Step 5: Test and Finalise

    1. After saving your changes, preview your store to see how the menu looks on both desktop and mobile devices.
    2. Make further adjustments if necessary to ensure a seamless user experience.

    Additional Tips

    • Keep your fonts consistent throughout the website to maintain a professional look.
    • Ensure that your menu text is legible on all screen sizes. Avoid overly decorative fonts that can hinder readability.
    • Experiment with colour combinations to make the menu stand out without overwhelming the design.

    Need Help?

    If you have questions or run into challenges, feel free to reach out to us at We Are Chain. We specialise in Shopify support and are here to help you optimise your store.

    Don’t forget to explore our YouTube channel for more step-by-step tutorials and expert tips. Be sure to like and subscribe for regular updates that help you get the most out of your Shopify store.

    Start customising your menu today and create a store that stands out!