CSS Full Width Responsive Form
-
Here’s the CSS for making your forms full width responsive.
@pluginCreator, I think the structure needs to be redone to be following:
cf7b-section
– cf7b-row
— cf7b-col.cf7b-section { display: flex; flex-direction: column; align-content: stretch; width: 100%; flex-wrap: nowrap; } .cf7b-col { display: flex; flex-wrap: wrap; padding: 0 4px; } .cf7b-row { flex: auto; padding: 0 4px; } @media screen and (max-width: 767px) { .cf7b-row { flex: 100%; max-width: 100%; } }
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘CSS Full Width Responsive Form’ is closed to new replies.