Image caption text wrapping issue on mobile

Hey @ehabermas,

It looks like this is a theme issue.

I will include the fix in the next theme update, in the meanwhile you can paste the following CSS code into the “Additional CSS” field in the Customizer:

@media screen and (max-width: 768px) {
    .si-entry .wp-block-image figure.alignleft figcaption, 
    .si-entry .wp-block-image figure.alignright figcaption {
        display: block;
    }
}

Let me know if that works for you.

Thanks!

That worked! Thank you!

One other question for you. Is there a modification you could make to the update above to make the caption only run the width of the image?

For instance, even though my stacking problem is now gone, when I size to mobile, the width of the caption extends well to the right and well to the left of the image. Ideas on containing it?

Try this instead:

@media screen and (max-width: 768px) {
    .si-entry .wp-block-image figure.alignleft, 
    .si-entry .wp-block-image figure.alignright {
        display: table !important;
    }
}

Worked beautifully! Thank you so much for your time and effort!

Awesome!

If you have a minute of your time, please leave your review of Sinatra theme here:
https://www.ads-software.com/support/theme/sinatra/reviews/

Thank you!

Done! Thanks again!