Support » Plugin: Charitable - Donation Plugin » Grid is not showing 4 coulmn

  • Resolved kaktarua

    (@kaktarua)


    Grid is not showing 4 columns though I have used your shortcode and it looks weird. And its not responsive in mobile.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Eric Daams

    (@ericdaams)

    Hi @kaktarua,

    It looks like our grid CSS isn’t quite robust enough. We’re overly reliant on a certain CSS class existing on the grid items, which is there in most WordPress themes but not yours.

    I’ll make sure we get this fixed in Charitable. In the meantime, here’s a bit of CSS you can add to your site to fix the problem:

    .campaign-grid-4 li.campaign:nth-child(4n+4) {
        margin-right: 0;
    }
    
    @media only screen and (max-width:768px) {
        .campaign-loop.campaign-grid .campaign {
            width: 100% !important;
        }
    }
    

    Cheers,
    Eric

    It worked. Thank you

    Plugin Author Eric Daams

    (@ericdaams)

    No worries 🙂 There’s an update to Charitable today that fixes this natively, so by now you can probably remove that CSS.

    Cheers,
    Eric

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.