Can you please supply a CSS code to remove the padding set for columns on desktop? I do not want padding on mobile. I have the following in place, but it does not affect the columns.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 90% !important;
max-width: 90% !important;
}}
Hey Beth,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
padding: 0 8% !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria