Rich text Editor - "Media settings" --> `Center`- Huge extra space (R/L) on mobile

What?

Richtext - “Media settings”Center

image

“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:
image

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)

2 Likes