Skip to content

Instantly share code, notes, and snippets.

@ipokkel
Created July 24, 2025 13:49
Show Gist options
  • Save ipokkel/0d4ed193cae780d2edb5f4c6b55b5451 to your computer and use it in GitHub Desktop.
Save ipokkel/0d4ed193cae780d2edb5f4c6b55b5451 to your computer and use it in GitHub Desktop.
/* Main layout: arrange all my address fields in 2 columns */
#pmpro_form_fieldset-my-address .pmpro_form_fields {
display: flex !important;
flex-wrap: wrap !important;
flex-direction: row !important;
gap: 20px;
}
/* Each field gets half-width column */
#pmpro_form_fieldset-my-address .pmpro_form_field {
flex: 1 1 calc(50% - 20px) !important;
max-width: calc(50% - 20px) !important;
box-sizing: border-box !important;
}
/* Mobile responsive stacking */
@media (max-width: 640px) {
#pmpro_form_fieldset-my-address .pmpro_form_field {
flex: 1 1 100% !important;
max-width: 100% !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment