The Grid responsive filter

[danbentonsmith]

Hi there, I have approached the author of “the grid” plugin for support and they have asked me to come to you as this was a bundled plugin.

I have 4 filter boxes set which look great on medium and large screen widths but these boxes appear to not be mobile responsive. When I view the same page on smaller screen widths the boxes do not stack correctly and look very messy.

Is there a chance you can help with this please?

I have included links to the page in a secure note.

Many thanks

[christian]

Hey @danbentonsmith,

There’s no layout option for the filter so you will need to add this CSS to align the filters properly.

.tg-filters-holder {
    margin: 0 15px !important;
}

Hope that helps.

[danbentonsmith]

Hi thanks for your reply.
I was hoping to have them more like this but properly aligned: http://take.ms/zGG12

Thanks

[christian]

That is what it looks like in a bit bigger screen.

What I’ve showed you is a very narrow screen and 2 column won’t fit in there so they naturally stack to 1 column.

Thanks.