Hi, I am trying to show a color section only on mobile so when browsing from desktop it doesn’t show up. I can’t find how to do it!
Thank you!
OK I think I found it!
1. Add Custom CSS first: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2. Edit color section. Put CSS type on color section, in this case, “test”.
3. Add to Quick CSS:
.test { display: none; }
@media only screen and (max-width: 767px) {
.test { display: block !important; }
}
I now have another problem. I cannot change the padding for an image under that CSS class (test), even if I add:
.test{
padding: 0 !important;
border: 0 !important;
}