• 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)
  • 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

    Thread Starter kaktarua

    (@kaktarua)

    It worked. Thank you

    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)
  • The topic ‘Grid is not showing 4 coulmn’ is closed to new replies.