Html Module width on mobile

Hi

HTML module width is not showing good mobile , the set up on pc is okay ,do you know why ? how can i fix this
http://planetekreyol.com/abonhaiti20/

SEE ,youtube and the pub , children of injustice on mobile ,you will see..
Thanks

Hi

Can You please show me what is the problem ? It looks ok when I check it with iPhone. image is 100% of the available space.

Hi

Can You please show me what is the problem ? It looks ok when I check it with iPhone. image is 100% of the available space.

I fixed it by adding class suffix clear light and i change the width to 275..this keep the pics in the middle and also is showing good on iphone.
without these changes , images were wider on the iphone...

thanks anyway

Hi

There is a css class which should cover it:

Code: Select all

img { width: 100%; max-width: 100%; }


Maybe it got overwritten by some 3rd party extension ?

Hi

There is a css class which should cover it:

Code: Select all

img { width: 100%; max-width: 100%; }


Maybe it got overwritten by some 3rd party extension ?

IF you do that image on GK weather Stretch out .....

Hi

So You need to add a closer matched css selector. I cannot see Your site now, but I'm guessing that if it's a Custom HTML module than You can use:

Code: Select all

.custom img { width: 100%; max-width: 100%; }


Hi

So You need to add a closer matched css selector. I cannot see Your site now, but I'm guessing that if it's a Custom HTML module than You can use:

Code: Select all

.custom img { width: 100%; max-width: 100%; }


Here the link:http://planetekreyol.com/

this doesnt work , on iphone still images are bigger

Hi

My intention was to resize images to cover 100% of screen. Do You mean that it should not resize over the image size ? I do not understand Your request fully.

Hi

My intention was to resize images to cover 100% of screen. Do You mean that it should not resize over the image size ? I do not understand Your request fully.

I used that code and it work for me :
.box.light img {
background: none repeat scroll 0 0 #F8F8F8 !important;
padding: -1px!important;
width: 100%!important;
}

Hi

Ok. So looks like an important rule was missing. I'm not sure if background or padding -1px does anything (probably only for transparent images).