How can I modify the mobile view of my subscribe button?

Technical Q&A

Topic summary

Problema: en el tema Brooklyn de Shopify, el botón de suscripción del footer cambia en móvil y muestra una flecha en lugar del texto “SUBSCRIBE”. Se adjuntan capturas como referencia.

Solución propuesta:

  • Ir a Shopify Admin → Online store → Themes → Actions → Edit code.
  • Abrir Assets → theme.scss.css y añadir al final una regla CSS con media query (max-width: 590px) para:
    • Mostrar el texto grande del submit (.newsletter__submit-text–large) en móvil.
    • Ocultar el texto pequeño (.newsletter__submit-text–small) para evitar que aparezca la flecha.

Estado: se aporta una solución concreta mediante CSS; no hay confirmación posterior de si quedó resuelto.

Summarized with AI on February 25. AI used: gpt-5.2.
1

Hi there!

I am using Brooklyn theme and I added my subscription in the footer.
However, the “SUBSCRIBE” button changes when using a mobile device.

How can I delete the arrow and have “SUBSCRIBE” button instead?

Adding screenshots for a reference.

Thanks in advance!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 590px){
.newsletter--form .newsletter__submit-text--large { display: block;}
.newsletter--form .newsletter__submit-text--small{ display: none;}
}