Anastasia - Troy, MI

Mobile - Featured Image gets in the way of title, also title sizing

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
Title goes off the screen and it runs behind the image.
https://stanastasia.diocesanweb.org/worship/mass-times/
There is no proof for this page, so Blake Stapleton, Web Designer  at Diocesan Blake might have to work this out.

Comments & Events

Kyle Sullivan, Web Development at Diocesan
I'll plan to fix the z-index and how the Featured Image is displayed, but it'd be helpful to get a proof from Blake Stapleton, Web Designer  at Diocesan Blake .

Also, the title should be "Mass Times / Confessions" so that the line breaks work better.
Cody Armock, Web Content Specialist at Diocesan
Kyle Sullivan, Web Development at Diocesan Kyle , fixed the slashy bit
Kyle Sullivan, Web Development at Diocesan 👍
Kyle Sullivan, Web Development at Diocesan
Blake Stapleton, Web Designer  at Diocesan Blake , what am I doing with this? I can adjust the z-index and otherwise take a swing at this, but I need some guidance on this at your earliest convenience.
Kyle Sullivan, Web Development at Diocesan
I took a try at this. Blake Stapleton, Web Designer  at Diocesan Blake , please feel to critique the same. I can no longer replicate the screenshot above, so I'm marking this complete, but please reopen this if needed.
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Kyle Sullivan, Web Development at Diocesan
To answer your first question, Blake Stapleton, Web Designer  at Diocesan Blake , shorter titles would be a great first step. Considering that this simple, reasonable solution won't be acceptable to the client, I adjusted the CSS Media Queries to fix this.

And I also adjusted the CSS to eliminate some of the weird in-between sizes.

This should be all good now.
Cody Armock, Web Content Specialist at Diocesan
Cody Armock re-opened this to-do.
Cody Armock, Web Content Specialist at Diocesan
Brenda and I are both experiencing a picture looking like this. I included the dimensions that I found this on in the image at the top. Maybe making the titles slightly smaller would help. Otherwise, I like the layout of it.
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.