DIN Posted May 3, 2022 Share Posted May 3, 2022 Site URL: https://autohaus-kirchner.squarespace.com/ Hi Community, Please can anybody help me out! I have big troubles to code 3 Pictures/Images in a row in Mobile view for the footer section. There is a spacer in desktop view to keep the Link-Logo-Pics on the right side. Hope I can adjust the footer afterward too... as an attachment a screenshot I used this Code; but not really worked; /* Mobile images side by side */ @media screen and (max-width:767px) { div#page-section-626be97d4487250fddecd2fd .span-12 { width: 33.33% !important; float: left !important; } div#page-section-626be97d4487250fddecd2fd .span-10 :nth-child(2n+1) { clear: left !important; } } MANY THANKS!!! PW: kirchner22 Link to comment
tuanphan Posted May 5, 2022 Share Posted May 5, 2022 It looks like you solved with this CSS? @media screen and (max-width: 767px) { div#page-section-626be97d4487250fddecd2fd .span-12>.row>.span-10 { width:33.3333% !important; float: left !important } div#page-section-626be97d4487250fddecd2fd .span-12>.row>.span-1 { width: 33.3333% !important; float: 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
DIN Posted May 5, 2022 Author Share Posted May 5, 2022 yes, i did... but don't ask me how 😉 It's very tricky to set up on desktop and mobile 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