Make email signup slightly narrower for footer

Store Design
, ,
1

hello, i would like my email signup to be slightly narrower for my footer (mobile). I would only like the bit i highlighted to be narrower (the submit box i think?). Basically just the “Your email address” and the arrow to be narrower, as they are too wide:

Screenshot 2025-10-11 at 15.45.55
Screenshot 2025-10-11 at 15.45.55798×409 32.3 KB
\my store is z99nxa-bq.myshopify.com , password is rtiech - horizon theme

2

Just wanted to say congratulations on having the most topics created in the history of Shopify Community. It’s an honor to witness. :clap: :partying_face:

3

you’re very strange…

4

Thank you! I look forward to seeing you switch to another free theme and seek another hundred customization questions Good luck! :smiling_face_with_sunglasses:

5

@ads18922

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > styles.css and paste this at the bottom of the file:
@media (max-width: 768px) {
  .email-signup__input-group {
    max-width: 250px;
    margin: 0 auto;
    display: flex;
  }

  .email-signup__input {
    flex: 1;
  }

  .email-signup__button {
    flex: 0 0 auto;
  }
}

image
image686×504 47.4 KB

6

nice to see you remember my name, because i haven’t got a clue who you are!

7

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset > styles.css and paste this at the bottom of the file:

@media (max-width: 768px) {
  .email-signup__input-group {
    max-width: 250px;
    margin: 0 auto;
    display: flex;
  }

  .email-signup__input {
    flex: 1;
  }

  .email-signup__button {
    flex: 0 0 auto;
  }
}

Hope this helps