Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
eclemons

Making Instagram on mobile show 3 images per row

Question

My website www.emergingmethodism.com has an Instagram block on it, with 9 images in the grid. I need it to look the same on mobile as it does on desktop - with 3 rows of 3 images - but I don't know how to write the custom CSS for it.

Edited by eclemons
Initial Revision

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 3

@eclemons @Etrenoir @Creativore Add this to Home > Design > Custom CSS

(Each site  will need different block ID. This code for @eclemons site)

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1565372617118_21335 .sqs-gallery-design-grid-slide {
    width: 33.33% !important;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0
5 minutes ago, roseys_eyewear said:

I'm a noob, where does this get pasted? I pasted in Design>CSS and it didnt work

Each site has different block ID. So you should share url to check.

if you don't want to share url, you can add this code to Home > Design > Custom CSS, not sure it will work.

@media screen and (max-width:640px) {
.sqs-gallery-design-grid-slide {
    width: 33.33% !important;
}
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...