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?
Question
MaggieBovary
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 comment
Top Posters For This Question
24
4
6
3
Popular Days
Dec 17
5
Sep 9
5
Nov 6
5
Dec 15
4
Top Posters For This Question
tuanphan 24 posts
MaggieBovary 4 posts
jennypetit 6 posts
FPV 3 posts
Popular Days
Dec 17 2020
5 posts
Sep 9 2020
5 posts
Nov 6 2020
5 posts
Dec 15 2020
4 posts
Popular Posts
creedon
@whoshenry Add the following to Design > Custom CSS. /* make image block inline text left/image right, image top/text bottom on mobile */ @media screen and ( max-width : 767px ) { [dat
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
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
59 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