Plugin Author
wpmart
(@wpmart)
Please paste this code in the custom tab and save it. Don’t forget to clear the cache.
.wpm-6310-col-2 { width: calc(50% – 35px) !important;
}
.wpm-6310-col-3 {
width: calc(33% – 35px) !important;
}
.wpm-6310-col-4 {
width: calc(25% – 35px) !important;
}
@media screen and (max-width:767px) {
.wpm-6310-col-2, .wpm-6310-col-3, .wpm-6310-col-4 {
width: calc(100% – 35px) !important;
}
}
Thank you for the quick response.
Unfortunately the text in the boxes is not readable on mobile devices. I added a screenshot to show what it looks like:
Screenshot
Can this be resolved?
I have the same problem. I want a two-column-layout for mobile and a four-column-layout for bigger viewports. I pasted the code above in the custom tab, changed the 100% to (calc:50%-5px), cleared the cache but the code is not showing in the css code of the page