There should be the text first and then the image throughout the page.
I tried so many different solutions and nothing seems to work 😕 I thought I could solve it with 'flex-direction: column-reverse' but I couldn't manage to select a specific block as some of them don't have IDs, so it selects all the items with the same class name.
Any suggestion on how to solve this and, in general, how to select a tag that does't have a specific ID without selecting all the tags with the same name?
No need to use code, you need to adjust layout a bit
Step 1. Add image 1, image 2
Step 2. Add a Line Block
Step 3. Add image 3, image 4
Step 4. Add a Line Block
Repeat
Fi
Try adding to Home > Design > custom CSS
/* text image order */
@media screen and (max-width:767px) {
div#page-section-5f9c7330537b8e673b5d620c>.row {
display: flex;
flex-directio
Question
MaggieBovary 2
Site URL: https://villa-rondinelli.squarespace.com/
Hi all,
in a couple of pages of my website the mobile version swapped some of the blocks order:
- here: https://villa-rondinelli.squarespace.com/storia
- and here: https://villa-rondinelli.squarespace.com/ambienti
password: maggie-villa
There should be the text first and then the image throughout the page.
I tried so many different solutions and nothing seems to work 😕 I thought I could solve it with 'flex-direction: column-reverse' but I couldn't manage to select a specific block as some of them don't have IDs, so it selects all the items with the same class name.
Any suggestion on how to solve this and, in general, how to select a tag that does't have a specific ID without selecting all the tags with the same name?
Thanks!
Link to post
Top Posters For This Question
23
6
4
3
Popular Days
Dec 15
5
Sep 9
5
Nov 6
5
Dec 17
5
Top Posters For This Question
tuanphan 23 posts
jennypetit 6 posts
MaggieBovary 4 posts
FPV 3 posts
Popular Days
Dec 15 2020
5 posts
Sep 9 2020
5 posts
Nov 6 2020
5 posts
Dec 17 2020
5 posts
Popular Posts
tuanphan
No need to use code, you need to adjust layout a bit Step 1. Add image 1, image 2 Step 2. Add a Line Block Step 3. Add image 3, image 4 Step 4. Add a Line Block Repeat Fi
tuanphan
Try adding to Home > Design > custom CSS /* text image order */ @media screen and (max-width:767px) { div#page-section-5f9c7330537b8e673b5d620c>.row { display: flex; flex-directio
tuanphan
Add to Home > Design > Custom CSS @media screen and (max-width:767px) { /* Pietro Porcinai */ div#block-yui_3_17_2_1_1586517061377_18576+.row { display: flex; flex-direction: column-
Posted Images
55 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