Frankie M Posted February 28 Share Posted February 28 We migrated our shop from version 1.6 to version 8 and most data was converted the proper way! But images on CMS pages in version 8 on mobile devices go outside the screen while in version 6 they match the screen width. example: <p><img src="image.jpg" alt="" width="600" height="272" /></p> How can we fix this? Link to comment Share on other sites More sharing options...
Nickz Posted February 28 Share Posted February 28 Go to source code in the products pages and add width="100%" or else % to it. Link to comment Share on other sites More sharing options...
Frankie M Posted February 28 Author Share Posted February 28 1 hour ago, Nickz said: Go to source code in the products pages and add width="100%" or else % to it. It is in the CMS pages, not the product pages. And I tried removing width and height and replace it with width=100%, but then we get very small images on the desktop and pretty normal on mobile devices. Link to comment Share on other sites More sharing options...
Frankie M Posted February 29 Author Share Posted February 29 I found a solutions that works! Add class="img-fluid" to the image. example: <p><img src="image.jpg" alt="" class="img-fluid" width="600" height="272" /></p> But this does not work with embedded Youtube movies. Does someone know how to fix that? example: <p><iframe width="560" height="315" class="img-fluid" src="https://www.youtube.com/embed/ABCDEF?showinfo=0" frameborder="0"></iframe></p> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now