Newsletter Block - Full Width On Mobile

---

1. Plugin Info

Make the newsletter block full width on mobile.

• Works with Squarespace 7.0 and 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Newsletter Block - Full Width Field and Button On Mobile - Ghost //

@media only screen and (max-width: 640px) { .newsletter-block .newsletter-form-button-wrapper, .newsletter-block .newsletter-form-button, .newsletter-block .newsletter-form-fields-wrapper, .newsletter-block .newsletter-form-field-wrapper, .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-field-wrapper, .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-name-fieldset, .newsletter-block .newsletter-form-name-fieldset {
    width: 100% !important;
    max-width: 100%;
    display: block !important;
    } }

---

3. Customizable Options

• No customizable options

---

4. Plugin Notes

• Applies to both the name and email fields and button.

• Compatible with both Stacked and Float settings.

---