How can I fix a cut-off header in my 'Prop Firm Challenges' theme?

Store Design
, , ,

Topic summary

A Shopify store owner reports that the letter ‘S’ in their homepage heading ‘Prop Firm Challenges’ is cut off and appearing on a separate line on desktop. They want to fix this without moving text or reducing font size.

Proposed Solutions:

Three different CSS fixes were offered:

  • oscprofessional suggests reducing the h2 heading font-size to 28px in base.css
  • GemPages recommends adding word-break: inherit to the specific section’s heading class
  • Rajvi_patel_1 proposes setting the heading font-size to 21px with !important flag

All solutions involve editing the theme’s base.css file through Online Store → Theme → Edit code.

Status: The issue remains unresolved as the original poster hasn’t confirmed which solution worked or provided follow-up.

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

@mmmtrading
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save

h2.image-with-text__heading.h1 {
    font-size: 21px!important;
}