Grid Row on mobiles

Hi Vinay,

Sorry I should have been clearer in my original support request.
Ive recreated the team page for my site here – http://sennensurfingcentre-co-uk.stackstaging.com/team/
(I have a coming soon plugin activated – please use the login details in private content to view the site)

My question is:

When this page is viewed on mobiles the order of text to photo is jumbled up. I noticed the same happens on the 2017 demo.
Is there a way to dictate the order of the grid cells on mobile eg.
Dave Pic 1, Dave Text 2
Favio Pic 3, Favio text 4
and so on?

Many thanks
Todd

Hi Victoria,
Thanks for the post above. Ive placed in the Quick CSS and it didnt seem to work so placed in the custom css file and still no change? any ideas?
Im using a Enfold Child, if that makes a difference?
cheers
Todd

Hi Victoria,
Thanks loads for your help. If I tweak the first part of the code further should I be able to get all the cells in the correct order?

@media only screen and (max-width:767px){
.page-id-9 #av-layout-grid-2, .page-id-9 #av-layout-grid-4,
.page-id-9 #av-layout-grid-5,
.page-id-9 #av-layout-grid-6,
.page-id-9 #av-layout-grid-7,
.page-id-9 #av-layout-grid-8 {
display: flex;
flex-direction: column-reverse;
}
}

Thanks again
Todd