Columns messed up on mobile

- 7 years, 4 months ago willowbranch
  Participant
  
  Expired
  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 7 years, 4 months ago by willowbranch.
  
  This topic was modified 7 years, 4 months ago by willowbranch.
- 7 years, 4 months ago Mirela
  Participant
  
  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!
- 7 years, 4 months ago willowbranch
  Participant
  
  Expired
  
  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.
- 7 years, 4 months ago Mirela
  Participant
  
  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!
- 7 years, 4 months ago willowbranch
  Participant
  
  Expired
  Hi Mihaila
  
  Thank you so much, that makes total sense, and it looks perfect now! :)
  
  This reply was modified 7 years, 4 months ago by willowbranch.
- 7 years ago jakitsolutions
  Participant
  
  Expired
  
  Hi,
  
  Can you please provide the solutions above again, the links are not working and I am experiencing the same issue.
  
  Thanks
- 7 years ago Medrit
  Participant
  
  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/cHxZeo
  
  Best regards!