AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] problem with the images in the mobile version

4 Posts
2 Users
1 Reactions
1,695 Views
Posts: 120
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@franricht)
Estimable Member
Joined: 8 years ago
[#7363]

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: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 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;
}
}
CSS

Posts: 120
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@franricht)
Estimable Member
Joined: 8 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@franricht)
Estimable Member
Joined: 8 years ago

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


Share: