Break fields to seperate lines (responsive)

I have just made first address line 100% and second address line 100% please see here https://www.worldyo.org/our-organisation/membership

Just need the ‘city, zip / postal code, country and county / state’ to be on separate lines when screen shrinks.

Please let me know.

Thank you!

Hi there,

If you’re familiar with media-queries in CSS, you’ll need to wrap this in one to target the screen width that you want to use this on — otherwise it’ll be applied for ALL device widths, but this will do it for you:

p#give-card-city-wrap, p#give-card-zip-wrap, p#give-card-country-wrap, p#give-card-state-wrap {
    width: 100%;
    margin: 0;
}

Generally, there’s always a unique ID wrapping each form element that you can target to make adjustments like this.

Thanks!

That works perfectly! Thank you so much.

Best wishes,
Kieran

Glad to help!