How can I line up 'Subscribe to our emails' on one line for mobile view?

Topic summary

Goal: Make the “Subscribe to our emails” heading appear on a single line on mobile in a Shopify theme.

What was tried:

  • CSS media query for mobile (max-width: 749px) targeting .inline-richtext.h1.scroll-trigger.animate–slide-in to reduce font size to 25px. Rationale: text likely wraps due to large font. Result: Did not work.
  • Follow-up request to show where the CSS was added; user shared a screenshot of their placement.
  • Second CSS attempt: @media (max-width: 749px) targeting .newsletter .center h2 with font-size: 12px !important;. Result: Still not working.

Context:

  • A preview store URL was provided.
  • Images/screenshot were shared to show code placement, which are central to understanding the issue.

Status and next steps:

  • Issue remains unresolved; the mobile heading still wraps.
  • Further troubleshooting in-thread was requested (confirming exact code placement/selector). No final solution or decision yet; discussion is ongoing.
Summarized with AI on January 4. AI used: gpt-5.

thanks for support me. but its not work for me