Image Resizer on mobile in Dimension

Mohd-q8

New Member
Messages
4
Hello,

I'm using Dimension style
My Image appear large dimensions on mobile
How can I control it's size to be responsive for mobile ?

Thanks.
 

Mohd-q8

New Member
Messages
4
you can check it in example here by mobile or also computer when make the browser page smaller :


 

Mohd-q8

New Member
Messages
4
see this image inside the post ( open the image ) : it's should responsive ( getting smaller when enter from phone ) , no look like this outside the thread
 

Attachments

  • image example.jpg
    image example.jpg
    94 KB · Views: 2

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
Hello,

Have you modified the theme at all? This code is causing it (but it's not part of the theme):
Less:
.message-body img {
  max-width: 750px !important;
  max-height: 750px !important;
}
 

Mohd-q8

New Member
Messages
4
without this code the very big images ( width & specially height ) will still without resize also if it's height very big , that's why i put this ( some images take big space from thread )

but i solved it now like this :

.message-body img {
max-width: auto !important;
max-height: 750px !important;
}

but i think It's a good temporary solution, not the perfect solution, i put now the opposite in auto between them
 
Last edited:

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
auto isn't a valid value for max-width. I'd remove that line from your code.

This will work:
Less:
.message-body img {
    max-width: min(750px, 100%);
    max-height: 750px;
}
 
Top