Images size on mobile

Mobile responsive images

- 9 years, 8 months ago cali75
  Participant
  
  Expired
  
  Hello, may you could help with this issue:
  
  I put 3 images on the homepage as small icons, center with some text (view image 2) but on mobile devices this 3 images (png) grow their sizes a lot, they become too big for the text (image 1)… so, i was wondering how to set or make these images stay on a medium or small size proportional as it is on the website.
  
  I’m sure is some kind of responsive setting thing i don’t know how to solved.
  
  Images
  
  https://eltano.es – website
  
  thank you so much.
  
  best regards,
  
  c
- 9 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please add these lines into your custom css box:
  
  @media (max-width: 979px){ .row-dynamic-el .media .type_image.alignment_center { width: 50% !important; left: 68px !important;} }
  
  Edit the values to your need.
  
  Best regards!
- 9 years, 8 months ago cali75
  Participant
  
  Expired
  
  Hello Mihaila,
  
  I try it but nothing happen. :/
  
  c
- 9 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please go to file css/bootstrap-responsive.css and find these lines:
  
  .row-dynamic-el .media .type_image.alignment_center{ width:100% !important; left:0 !important; margin-left:0 !important; }
  
  Remove the !important from width and left attributes. Save file.
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.