Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource!
I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like:
@media only screen and (max-width: 640px) {
//identify blocks you want to swap and change their order
}
Another way to do it, is to duplicate your content blocks and then hide / show the ones you want using display: none;
Example: You have a block that you want one step lower on mobile. Duplicate it, p
Hi!
I think I have the same problem
I really need help with the website: https://www.drzelinamedina.com
On the homepage of the website in desktop view you can see that the images are in
Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource!
I am wondering if ther
Question
Arna 235
Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource!
I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like:
My site is fh-partners.squarespace.com. Here's what I want to do specifically (on the team page):
I really like my desktop arrangement, which is:
Ideally I would like my mobile view to be arranged:
But squarespace goes left to right so it ends up as:
Is there css to swap blocks 3 and 4 in the mobile view?
Thank you in advance!
Edited by aarnaaLink to post
Top Posters For This Question
6
4
2
2
Popular Days
May 18
5
Oct 6
3
May 17
3
Feb 15
2
Top Posters For This Question
brandon 6 posts
Arna 4 posts
tuanphan 2 posts
Lot71 2 posts
Popular Days
May 18 2016
5 posts
Oct 6 2016
3 posts
May 17 2016
3 posts
Feb 15 2017
2 posts
Popular Posts
Nevrosis
Another way to do it, is to duplicate your content blocks and then hide / show the ones you want using display: none; Example: You have a block that you want one step lower on mobile. Duplicate it, p
Mie_MIe
Hi! I think I have the same problem I really need help with the website: https://www.drzelinamedina.com On the homepage of the website in desktop view you can see that the images are in
Arna
Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if ther
23 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment