Jump to content

Images on CMS page in version 8 different from version 1.6 on mobile devices


Recommended Posts

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...