Changing how Mobile View Shows Up

Site URL: https://www.kendalldeckeragency.com/

Hi! I want to change how my website shows up in mobile view. Right now the pictures are on the left and the text is on the right. They are side by side. When on mobile it reads left to right so the pictures show up before the text. Can I change it to read right to left just first the first block so that the text shows first?

Thanks!

Hi,

You want, on mobile, the order will be: 

Text

Image

Button

Is this right?

and apply this for

• Teachers need your help section (2 images)
• Hi, I’m Kendall Decker…

Yes, text, image, button. Only for the first section though. I am okay with the picture showing up first on the About Me section. 

Thanks!

11 hours ago, KendallDecker said:

Yes, text, image, button. Only for the first section though. I am okay with the picture showing up first on the About Me section. 

 

Thanks!

Add to Design > Custom CSS

/* Mobile text image button */
@media screen and (max-width:767px) {
div#page-section-61c34db05643c73d51043dc4>.row {
    display: flex;
    flex-direction: column-reverse;
}
}