carligeanu,
You can use some responsive CSS media queries to size them depending on the size of the screen. Here’s some code I put near the bottom of my CSS file to resize the 3-column campaign listings:
@media only screen and (max-width: 980px) {
.campaign-grid-3 .campaign.hentry {
width: 47%;
}
}
@media only screen and (max-width: 768px) {
.campaign-grid-3 .campaign.hentry {
width: 100%;
}
}
Hi carligeanu,
epstarr17’s solution is the best one available at this stage, though this is something that I want to improve in Charitable going forward. The challenge is that the point at which the columns stop being effective depends on the context of the theme, so it’s a tough one for us to set a baseline default for. But I have logged it as an issue on Github (click here to follow the issue) and will work on improving this in a future release.
Cheers,
Eric
it worked with this
@media only screen and (max-width: 800px) {
.campaign-loop.campaign-grid .campaign.hentry {
width: 100% !important;
}}
Thank you epstarr17 and Eric. This is the best plugin for fundraising for wordpress.
Thanks carligeanu! Would be awesome if you could post a quick review of the plugin at https://wordpress.org/support/view/plugin-reviews/charitable — those reviews make a big difference to helping us get found.
Cheers,
Eric
