Creativore Posted December 20, 2019 Share Posted December 20, 2019 Does anyone know how to display the Instagram block as 3 columns in mobile view? Our Instagram feed is reliant on 3 images being showed side by side, so when SS automatically converts it to 2 columns - it breaks the flow of it entirely. Using the Brine Template - have attempted CSS code but it appears the block natively converts to 2 columns regardless. Link to comment
tuanphan Posted December 20, 2019 Share Posted December 20, 2019 Can you share link to your site? 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
Creativore Posted February 10, 2020 Author Share Posted February 10, 2020 On 12/20/2019 at 5:46 PM, tuanphan said: Can you share link to your site? Hey @tuanphan! I just saw your reply to @eclemons and adjusted the code to suit! It worked a treat mate. I was close before but was a little off in my css code. Thank you SOOOOO much. Legend! Link to comment
tuanphan Posted February 10, 2020 Share Posted February 10, 2020 6 hours ago, Creativore said: Hey @tuanphan! I just saw your reply to @eclemons and adjusted the code to suit! It worked a treat mate. I was close before but was a little off in my css code. Thank you SOOOOO much. Legend! So did you fix problem? 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
Creativore Posted February 19, 2020 Author Share Posted February 19, 2020 On 2/10/2020 at 11:16 PM, tuanphan said: So did you fix problem? Absolutely - but with your help! Thank you so much. Link to comment
Asiya Posted August 18, 2020 Share Posted August 18, 2020 On 2/10/2020 at 6:16 PM, tuanphan said: So did you fix problem? Hi @tuanphan need your hep with my instagram images. One one my instagram image(the last) Gets overlap on mobile view. here is the url: https://www.elliedunnecollective.com/ please help. Thank you Link to comment
tuanphan Posted August 18, 2020 Share Posted August 18, 2020 1 hour ago, Asiya said: Hi @tuanphan need your hep with my instagram images. One one my instagram image(the last) Gets overlap on mobile view. here is the url: https://www.elliedunnecollective.com/ please help. Thank you Add to Home > Design > Custom CSS /* Fix instagram mobile */ @media screen and (max-width:767px) { .sqs-layout .sqs-gallery-design-grid-slide:nth-child(2n+1) { clear: left !important; } } 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
Asiya Posted August 18, 2020 Share Posted August 18, 2020 6 minutes ago, tuanphan said: Add to Home > Design > Custom CSS /* Fix instagram mobile */ @media screen and (max-width:767px) { .sqs-layout .sqs-gallery-design-grid-slide:nth-child(2n+1) { clear: left !important; } } Yes its working. Thank you so much:) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.