What?
Richtext - “Media settings” → Center
“The Problem”
On mobile, the center mode looks weird (Small image):
max-width: 60%;
The solution
For now (For 4-5 sites) I manually added this custom code (Also no way to resize captions
):
<style>
figcaption {
font-size: 14px;
line-height: 20px;
}
@media screen and (max-width: 480px) {
.w-richtext figure {
max-width: 100%; /* before: max-width: 60%; */
}
figcaption {
font-size: 13px;
line-height: 19px;
}
}
</style>
Result:
Summary:
I think “center” should be “full” on mobile (Like
if you agree) -or- give me one more option (“checkbox” center also on mobile - or something like this)