Make Instagram grid show three images on the same line for mobile

Site URL: https://rolling-pictures.squarespace.com/

My instagram grid has three images inside. When viewed on mobile the third image drops down by itself. How can I get it to be in the same line as the other two?

Hi. It looks like you solved this by adding more item?

I see footer on tablet doesn't look good.

I think we can change to 2 columns/row on tablet only. How do you think? We will give the code

On 3/20/2021 at 7:55 AM, tuanphan said:

Hi. It looks like you solved this by adding more item?

I see footer on tablet doesn't look good.

I think we can change to 2 columns/row on tablet only. How do you think? We will give the code

How do you think I can go about solving the footer tablet layout issue?

On 3/25/2021 at 9:27 PM, Jadec said:

How do you think I can go about solving the footer tablet layout issue?

Try adding to Design > Custom CSS

/* tablet issue */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-63e9f39e0f9c0cd70676 {
    padding-right: 0;
}
div#block-yui_3_17_2_1_1614280311548_11144 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
div#block-yui_3_17_2_1_1614280311548_11144 * {
    font-size: 14px;
}
}

Hi, I have a similar issue with my 3 Instagram images not showing as a single row on mobile browser. Would like to show it as a 3-column single row. I asked the question on another thread but got no response. Could you please share the correct code? It's been unsuccessful on my side.

My URL: http://www.threadapeutic.com/home

Your help will be much appreciated

On 4/19/2021 at 4:36 PM, shredsnthreads said:

Hi, I have a similar issue with my 3 Instagram images not showing as a single row on mobile browser. Would like to show it as a 3-column single row. I asked the question on another thread but got no response. Could you please share the correct code? It's been unsuccessful on my side.

My URL: http://www.threadapeutic.com/home

Your help will be much appreciated

 

Add to Design > Custom CSS

/* Mobile instagram 3 items */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1618564388473_30812 .slide {
    width: 33.333% !important;
}
}