How to increase text size of the pages inside header - Sense theme

Store Design
, ,

Topic summary

A user seeks to increase the font size and make bold the navigation menu text in the header of their Shopify store using the Sense theme.

Two solutions provided:

  1. CSS modification approach - Add custom CSS to the base.css file:

    • Navigate to Edit theme code in Shopify Admin
    • Open base.css file
    • Insert code targeting .header__menu-item class with font-size: 20px and font-weight: bold properties

  2. Theme.liquid approach - Insert CSS directly into the theme’s main template:

    • Access Online Stores > Themes > Actions > Edit code
    • Click on theme.liquid
    • Paste the styling code above the </head> tag

Both solutions use CSS to target the header menu items with increased font size and bold styling. Screenshots were shared showing the implementation and results, though the encoded text in the original post makes specific details unclear.

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

I’m using Sense theme, How can I the increase text size of the pages inside the header

and make them bold?

Store URL: https://feracekosesi.com/

Screenshot 2024-02-05 235500.png
Screenshot 2024-02-05 235500.png1303×926 146 KB

2

Hello @Abayacorner :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.header__menu-item {
    font-size: 20px;
    font-weight: bold;
}

The result

Screenshot 2024-02-06 at 08.19.32.png
Screenshot 2024-02-06 at 08.19.32.png1356×320 9.46 KB

Hope that helps!

3

@Abayacorner

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Theodore | PageFly