OpenCart Community

Hello all,

Does anyone know how to prevent the product image overlapping the 'Additional Information'. I can resize the image so that it prevents this, but this is very tedious to do this on all my product. Also, if I resize the image it may not overlap on my PC screen, but it will on my tablet because of the screen resolution.

I'm been search the internet for day to find a solution with no luck. If anyone can provide a solution, it would be great.

I've attach a picture of what I'm referring to

Thank you!!

NO OC version posted nor a link to your site - screenshot is helpful but a link to your site is really required.

At a guess I would say that you have not adding the class= "img-responsive" to your image - in addition you may have adding a fixed width

I agree with Mona. You've probably fixed the image size in px rather than setting it at 100% width and no height. Looks like an OC2 or 3 so you need 100% width.

Hi Mona and Johnp, thank you for replying to my message - I appreciate it.

Yes, I'm using version 3.0.3.7. Sorry for not mentioning that in my first post.

When I edit the product details and open the 'Image Attributes' (see attached screenshot), I'm pulling the image from a Source (I'm not attaching a file for the image). Does this change what you think the resolution is?

Thanks!

Contact the extension developer.

Look, without further details beyond what was suggested with using img-responsive or with=100% nobody will be able to help you.

What's you site URL? What's your web theme? What extensions do you use?