Notifications
Clear all

wpForo 1.x.x [Solved] problem with the images in the mobile version

4 Posts
2 Users
1 Reactions
1,266 Views
Posts: 120
Topic starter
(@franricht)
Estimable Member
Joined: 6 years ago

some images do not adapt to the format of the screen when I see them from the mobile.

Example:
https://forocomprasonline.com/foro/consejo-smart-tv/tv-grundig-55/#post-486

Any solution or suggestion?

3 Replies
Sofy
Posts: 4900
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @franricht,

How are you embedding the image from Amazon? The issue comes from this part, it adds the width to the div with the "ivStage" id.  try this CSS code, it should solve the issue.

 

@media screen and (max-width: 620px) {
div#ivLargeImage{
margin: 0 auto !important;
height: auto;
width: 100% !important;
min-width: auto !important;
}
}
@media screen and (max-width: 620px) {
div#ivStage {
width: 100% !important;
}
}
Posts: 120
Topic starter
(@franricht)
Estimable Member
Joined: 6 years ago

I take the Amazon image with the mouse and drag it to the forum.
The code gives me an error. The image appears smaller but is not centered and remains on one side.
Would it be better instead of putting the code to compile the link of the image?

 

Thanks!

Posts: 120
Topic starter
(@franricht)
Estimable Member
Joined: 6 years ago

Yes resolved!
Pasting directly the web address of the image looks perfect on the mobile.
Thank you!