tuanphan Posted July 22, 2022 Share Posted July 22, 2022 23 hours ago, mddiatta said: Hello! Hope you're doing well. It's been a while, but I'd still love your help with this. I deleted the code as you suggested and it of course went back to one column in mobile view. http://www.myriamdiatta.com/projects Thank you! Myriam I you you still keep some code in Custom CSS. You can remove then we will check easier @media screen and (max-width: 640px) { div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2,div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2 { width:50% !important; float: left !important } div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2:nth-child(2n+1),div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2:nth-child(2n+1) { clear: left } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mddiatta Posted July 22, 2022 Share Posted July 22, 2022 Oh I see, I deleted all of the code related to the two columns in mobile view. Link to comment
tuanphan Posted July 23, 2022 Share Posted July 23, 2022 17 hours ago, mddiatta said: Oh I see, I deleted all of the code related to the two columns in mobile view. Add to Design > Custom CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1606665871851_4586+.row .span-4 .span-2 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1606665871851_4586+.row~.row .span-2 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1606665871851_4586+.row~.row .span-2:nth-child(2n+1) { clear: left; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mddiatta Posted July 25, 2022 Share Posted July 25, 2022 Beautiful, thank you so much. You're a hero. Link to comment
zrm Posted December 14, 2022 Share Posted December 14, 2022 How is a user able to apply this to their own account? Link to comment
Juliamartinsm Posted June 14, 2023 Share Posted June 14, 2023 (edited) Hi guys! Please help, I have the same problem and it's driving me crazyyyy. https://chiton-crane-b7ty.squarespace.com/config/design/template This is the trial version of my website. On the page "ABOUT" everything is so out of order on the mobile view!!! How can I have this gallery to display horizontally on the mobile view and make the description below each photo to look like this on the mobile version as well? What I have now on mobile is: first you see all the photos and then you see all 4 descriptions on a vertical alignment. Same is happening with the two last photos and thir texts placed below. Please please please help!!!! Edited June 14, 2023 by Juliamartinsm exchanged a word Link to comment
tuanphan Posted June 20, 2023 Share Posted June 20, 2023 On 6/15/2023 at 6:11 AM, Juliamartinsm said: Hi guys! Please help, I have the same problem and it's driving me crazyyyy. https://chiton-crane-b7ty.squarespace.com/config/design/template This is the trial version of my website. On the page "ABOUT" everything is so out of order on the mobile view!!! How can I have this gallery to display horizontally on the mobile view and make the description below each photo to look like this on the mobile version as well? What I have now on mobile is: first you see all the photos and then you see all 4 descriptions on a vertical alignment. Same is happening with the two last photos and thir texts placed below. Please please please help!!!! What is password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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