RAtchison Posted August 14, 2021 Share Posted August 14, 2021 Site URL: http://mederi.group/contactus Hello, I would like these flowers to appear like this on mobile view, rather than above the text. I have searched the forum and tried what others have done with no luck. Any help is appreciated! Link to comment
Wolfsilon Posted August 14, 2021 Share Posted August 14, 2021 This will require some Custom CSS to achieve this layout. To do this, start by defining the point when you want the layout to switch for mobile devices. For the purpose of this, I'll be using the Squarespace default "640px". #mederi9 { @media only screen and (max-width:640px) { .sqs-col-6 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; padding-right: 0 !important; } .sqs-row { display: flex; flex-direction: row; width: 100% !important; flex-wrap: nowrap; align-items: unset; justify-content: center; margin: auto; padding: 0 !important; } .sqs-block-image { display: block; width: 100px !important; } .sqs-block { padding-right: 0 !important; } } } Hope that this helps, Dan tuanphan 1 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