Need to make a menu/header bolder or bigger

Store Design
, , , ,

Topic summary

Goal: Make the site’s header/menu text larger and bolder to better match the design (pickupstore.cz).

Key proposals:

  • CSS on .list-menu–inline to increase prominence via font weight and layout: display: inline-flex; flex-wrap: wrap; font-weight: bolder. A screenshot shows the visual outcome.
  • CSS in base.css targeting .header__menu-item to force size and weight: font-size: 16px !important; font-weight: 700 !important; with a result preview. This directly increases both size and boldness.

Where to add changes:

  • Via Online Store → Themes → Edit code. One approach edits base.css; others suggest inserting code before in theme.liquid.

Notes:

  • Two replies instruct adding code to theme.liquid but include empty code blocks, providing no actionable CSS.
  • Screenshots illustrate results, but the essential details are the CSS rules.

Status:

  • No confirmation from the original poster and no accepted solution yet. The discussion remains open without a finalized approach.
Summarized with AI on December 16. AI used: gpt-5.
5

Hi @radaApeta ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!