Full Width Newsletter Block (Mobile Only)


Plugin Details

Make the newsletter block fields and button full width on mobile.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// FULL WIDTH NEWSLETTER BLOCK (MOBILE) - GHOSTPLUGINS.COM //

@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;
    } }

Customizable Options

No customizable options

Notes

  • Applies to fields and button.

  • Compatible with Stacked and Float.


Previous
Previous

Flip Over Social Icons - Site Header

Next
Next

Animated GIF Background - Mobile Menu