Image Resizer on mobile in Dimension

[Mohd-q8]

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]

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

[ تحديث ] ديباي قريب من فسخ عقده لكن الاتفاق مع اليوفي مفقود بعد

اليوفي يواصل انتظار ميمفيس ديباي كخيار أول للهجوم ، المهاجم الهولندي يقترب من الرحيل عن برشلونة حسب سكاي سبورت , ممثلي اللاعب متفاءلين في مسألة فسخ العقد و الوصول لاتفاق مع النادي الكتلوني ، و بعدها سيحاول اليوفي الحسم مع اللاعب , لكن لا زال يجب الوصول لاتفاق نهائي من اليوفي مع ديباي ، زادت...

www.juve1897.net

 

[Ehren]

Hello,

I unfortunately don’t understand your question. I checked your site however I wasn’t able to see any images.

 

[Mohd-q8]

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

 

[Ehren]

Hello,

Have you modified the theme at all? This code is causing it (but it's not part of the theme):

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

 

[Mohd-q8]

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

 

[Ehren]

auto isn't a valid value for max-width. I'd remove that line from your code.

This will work:

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