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

Store Design

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.
1

pls help me i wanna align " Subscribe to our emails "

Onto 1 Line ( onlyview mobile )

my URL: https://awcgl3630h6x3jws-85507440942.shopifypreview.com

thank you

mr_Lynk_0-1709483552361.png
mr_Lynk_0-1709483552361.png434×318 6.9 KB

2

Hello there Mr_Lynk
Deepak here

Place this code in the custom css part of your theme editor

/* For mobile devices with a width of 749px or less */
@media only screen and (max-width: 749px) {
    .inline-richtext.h1.scroll-trigger.animate--slide-in {
        font-size: 25px!important; /* Your desired font size for mobile */
    }
}

Note: You it was effecting because the font was too large so we will be reducing the size in mobile view only little bit, you can adjust the ideal size by your self.

If this don’t work please let me know I will happily assit you on this problem here.

3

thanks for support me. but its not work for me

4

If you need still need further assistance we can contact me via mail

5

pls support me at here ^.^

6

may I know where did you paste the code I gave to you with screenshot?

7

did i do it right?

mr_Lynk_1-1709524193881.png
mr_Lynk_1-1709524193881.png1860×632 83.7 KB

8

Okay try this

/* For mobile devices with a width of 749px or less */
@media only screen and (max-width: 749px) {
    .newsletter .center h2 {
    font-size: 12px !important;
}
}
9

Still not work