desktop vs mobile view of title and button links to video

[Pam59]

My church's web site, on the sermons page, https://www.vineyardcotc.org/sermons.html, looks fine on the desktop view, but when I check the mobile view,  I have a list of dates and titles and the corresponding buttons are stacked up below the list of titles.  How do I edit the page so both looks good?

Thanks

Pam S

[Adam7]

Thanks for your post, @Pam59. 

You'll want to drag your elements around so that each line of text and corresponding button is in its own columns element, rather than a single columns element with all of them in it. That should make it so it stacks as one line of text, one button, then next line of text, next button, etc.

[Pam59 · Accepted solution]

I'm going to try it now.

[Pam59]

It looks great on mobile but a little blocky on desktop.  Maybe that's ok

[Adam7]

You could try using the Hide App - that will let you organize your content within the app element and decide what screen sizes you want it shown on. It's handy when you want something laid out one way on desktop and a different way on mobile.