Social Grid layout query

[Taffy]

We would like to increase the Social Grid layout count:

• On iPad from 2 tiles across to 4 tiles
• On iPhone from 1 tile across to 2 tiles

Any help would be greatly appreciated.

[Nishant – SUPPORT]

Hello Mark,

Please attach a screenshot so that we can understand your request and assist you accordingly.

[Taffy]

As you can see in the attachment, there are only four Instagram tiles (2 per row). We would like to show 8 (4 in each row).

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Currently you can only have rows of 5 instagram items, we may add more options in the future

– Kyle

[Taffy]

Hi Kyle,

Not quite the answer I’m used to getting from the support team.

can you at least point me in the right direction so I can attempt some custom coding myself?

This is an urgent request.

Kind regards,

Mark

[Kyle – SUPPORT]

Try adding this to your child theme’s functions.php file:

function custom_blog_grid_counts() {
return array("6", "12", "18", "24");
}
add_filter ('sf_blog_grid_item_counts', 'custom_blog_grid_counts');

– Kyle

[Kyle – SUPPORT]

You can edit the numbers if you wish

[Taffy]

I have done this already, but it is not what I’m referring to.

We wish to increase the amount of  tile in a row on mobile device from 2 to 4.

[Kyle – SUPPORT]

It currently only shows 1 column on mobile?

– Kyle

[Taffy]

1 tile per row on smartphone, 2 tiles per row on a Tablet.

We we would like to be able the edit the number of tiles in these rows.

[Kyle – SUPPORT]

You can try this:

@media only screen and (max-width: 479px) { 
.blog-grid-items .blog-item.col-sm-sf-5 {
  width: 50%!important;
}
}

But it may not work as there are !importants set in the responsive.css file

– Kyle

[Taffy]

Hi Kyle,

Thanks, but that didn’t work. Does Ed have any ideas?

[Kyle – SUPPORT]

What’s your link so I can check?

– Kyle

[Taffy]

Development server has been hacked, waiting for a restore.

[Rui Guerreiro – SUPPORT]

ok. Let us know when you have it.
-Rui