problems with pictures

dh12355@gmx.de
Inactive member
Topic Author
Member

7 years 1 month ago - 4 years 3 months ago #47211 by dh12355@gmx.de

problems with pictures was created by dh12355@gmx.de

I intalled this template in an existing website under

Code:

http://peger.mybestfinder.com

I noticed that the pictures are not displayed responsive.
I dont find the reason?
What must be changed?
Thanks for help!

Last edit: 4 years 3 months ago by milos.

Please Log in to join the conversation.

milos
Support Staff
Moderator

7 years 1 month ago - 7 years 1 month ago #47212 by milos

Replied by milos on topic problems with pictures

Hello,

Please add this in Extensions > Templates > Hot Mining > Custom > CSS:

Code:

img {
  max-width:100%;
}

Best regards,
Milos

Last edit: 7 years 1 month ago by milos.

Please Log in to join the conversation.

dh12355@gmx.de
Inactive member
Topic Author
Member

7 years 1 month ago - 4 years 3 months ago #47220 by dh12355@gmx.de

Replied by dh12355@gmx.de on topic problems with pictures

the width works but now the picture will be stretched

please see

Code:

http://neu.designinstein-berlin.de

the original picture:

Code:

http://neu.designinstein-berlin.de/images/Logoline.jpg

Last edit: 4 years 3 months ago by milos.

Please Log in to join the conversation.

milos
Support Staff
Moderator

7 years 1 month ago #47222 by milos

Replied by milos on topic problems with pictures

Hello,

What you want to do with this image? I don't understand.

Thanks,
Milos

Please Log in to join the conversation.

dh12355@gmx.de
Inactive member
Topic Author
Member

7 years 1 month ago - 4 years 3 months ago #47223 by dh12355@gmx.de

Replied by dh12355@gmx.de on topic problems with pictures

when you see

Code:

http://www.designinstein-berlin.de/

at smartphone it looks well ( see screen Unbenannt.png )

when you see

Code:

http://neu.designinstein-berlin.de/

at smartphone it looks not well. It is streched ( see screen Unbenannt1.png )

Attachments:

Last edit: 4 years 3 months ago by milos.

Please Log in to join the conversation.

milos
Support Staff
Moderator

7 years 1 month ago #47225 by milos

Replied by milos on topic problems with pictures

Please change this:

Code:

img {
  max-width:100%;
}

with this:

Code:

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

Please Log in to join the conversation.

Time to create page: 0.233 seconds