Jadec Posted March 10, 2021 Share Posted March 10, 2021 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? Link to comment
tuanphan Posted March 20, 2021 Share Posted March 20, 2021 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 Jadec 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Jadec Posted March 25, 2021 Author Share Posted March 25, 2021 (edited) 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? Edited March 25, 2021 by Jadec Link to comment
tuanphan Posted March 29, 2021 Share Posted March 29, 2021 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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
shredsnthreads Posted April 19, 2021 Share Posted April 19, 2021 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 Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 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; } } shredsnthreads 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment