Hello
I have a very similar problem.
I want to have a padding-left of 100px in the desktop version and only 20px in the mobile version.
I can not fit it with the element spacing neithe with the CSS.
May I have to deactivate the element spacing in order to get this code will work?
@media (max-width 768px) {
.one-container .site-content {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 769px) {
.one-container .site-content {
padding-left: 100px;
padding-right: 100px;
}
}
My website is: elcucharonverde.com
Thanks in advance.
Lada