Creating Mobile Responsive Image Grid

This support ticket is created 6 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Kolkata (GMT+05:30)

Tagged: Front-end display, Layouts plugin, Views, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by chrisB-30 6 years, 5 months ago.

Assisted by: Minesh.

Author

Posts

May 23, 2018 at 4:42 am #902286

chrisB-30

Hello,

I just noticed that all of the galleries I built for my site are not mobile responsive. Please see this page:

hidden link

Please note that the site is password protected so you will need to log in to see the front end.

The galleries use an image "ico" from my entry fields to create a grid of 15 images at the top of a wordpress page. I just insert the view using a shortcode.

In the loop wizard I used the Table Based Grid to create the galleries. Which I now see was a mistake as it uses tables.

Can you tell me what the easiest way to recreate this grid would be to make it responsive.

Ideally the images would all stay at their current size and just rearrange themselves as the screen size got smaller.

You can see my current galleries as an example on the live site here:
hidden link

I would like to keep the desktop version at 5 columns wide. I couldn't figure out a way to use the bootstrap grid as it is only 4 columns wide.

Thanks!
Chris

Post Type - Brides
Taxonomy - Locations
View is - Country - Latin

May 23, 2018 at 9:18 am #902367

Minesh

Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - to display responsive output as you know Toolset supports Bootstrap so you need to build your view with Bootstrap grid not table based grid.

Could you please create Bootsrap grid and try to resolve your issue:

Here is the Doc which you should follow to create Bootstrap Grrid :
=> https://toolset.com/documentation/user-guides/view-layouts-101/#bootstrap

June 8, 2018 at 5:32 am #910943

chrisB-30

Figured it out