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

Store Design

Topic summary

Users are seeking to increase the main menu font size in Shopify’s Sense theme, particularly for PC displays where it appears too small for accessibility.

Initial Solutions Attempted:

  • Adding CSS code to base.css file: a.header__menu-item.link { font-size: 16px; }
  • Modifying theme.scss.liquid file (not available in all Sense theme versions)

Issues Reported:

  • The CSS solution partially worked for some users but left the first menu item unchanged
  • One user found the menu font didn’t change at all using the CSS method

Working Solution:
A bot-provided alternative successfully resolved the issue by using Shopify’s built-in theme customization:

  1. Navigate to Online Store > Themes > Customize
  2. Access Theme settings > Typography
  3. Adjust the font size scale for headings
  4. Save changes

This approach avoids direct code editing and uses the theme’s native customization options, proving more reliable across different Sense theme configurations.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
5

I tried this but the menu font did not change :disappointed_face:

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 .