how to make padding responsive in mobile view?
Using @media queries to add breakpoints in CSS.
You need to utilise media queries within your CSS code to add specific breakpoints.
Adding this to your stylesheet may help:
@media only screen and (max-width: 950px) { .cf7_custom_style_1 { padding-left: 10%; padding-right: 10%; }}@media only screen and (max-width: 600px) { .cf7_custom_style_1 { padding-left: 0; padding-right: 0; }}
Using the above code adds break-points at 950px and 600px. Meaning that if the window size = 950px, change this CSS class to these properties.