-
-
Hi! Three of the pages on my website doesn’t look very good on mobile, the text doesn’t fit properly on the screen ( http://www.willowbranch.com.au/wedding-photography and http://www.willowbranch.com.au/brisbane-couple-photography and http://www.willowbranch.com.au/boudoir-photography ), and where I’m using text in columns on one page the order is all messed up ( http://www.willowbranch.com.au/wedding-photography ).
Any ideas on how to fix this would be appreciated! Thank you! :)
- This topic was modified 6 years, 1 month ago by willowbranch.
- This topic was modified 6 years, 1 month ago by willowbranch.
-
Hello,
Sorry for the late reply.
I added some css into your Custom Css box. Here is a screenshot of the result: https://postimg.org/image/eiz064rrp/
Let us know what else do you need to change.Best regards!
-
Hi Mihaila,
Thanks so much, the text fits a lot better! :) The order of the paragraphs in the columns are still out of order though, any advice on how to fix this? If you compare it to the desktop version you can see that the order of the photography packages are different.
-
Hello,
This happens due to the structure of that row and columns. In responsive the order is first column-element 1 > first columns element 2 > second column-element 1 > second column-element 2..etc. Not first column-element 1 > second columns element 1 > first column-element 2 > second column-element 2. See a screenshot explaining this: https://postimg.org/image/ks7rfzzjp/
To have what you are asking the structure should be like this: https://postimg.org/image/hzejvtu0l/
I hope a gave a clear view of the structure needed.Best regards!
-
Hi Mihaila
Thank you so much, that makes total sense, and it looks perfect now! :)
- This reply was modified 6 years ago by willowbranch.
-
Hi,
Can you please provide the solutions above again, the links are not working and I am experiencing the same issue.
Thanks
-
Hello,
If you have a row with 3 columns and in each column you have 3 elements then in responsive the order of showing the elements will be the following: first element of the first column > second element of the first column > third element of the first column then the first element of the second column > second element of the second column > third element of the second column. See screenshots:
https://ibb.co/fTkFkT
This is what is shown in responsive:
https://ibb.co/cHxZeoBest regards!
-
You must be logged in to reply to this topic.