Product images overlaps prices in mobile view

-- url of the page with the problem -- : ertmania.dk
-- Joomla version -- : 3.4.4
-- PHP version -- : 5.6.0.
-- Browser(s) name and version -- : Chrome

I have read several posts reminding of this, but not exactly what I need.
Could we take this issue once more, please?
When I look at a product on a mobile phone, the image is too large and overlaps the price an quantity field.
How do I fix this?
And please be specific about files and folders.

I know I can change the product image size in the configuration > images, but iff make the size smaller, the desktop view image is too small

Hi,

That's normal. The elements are not responsive.
There are two ways to make them responsive:
1. You turn on the "use bootstrap design" setting of the hikashop configuration but this can only work if your template is compatible with bootstrap 2, and looking at your pages, it doesn't seem to be the case, so that won't work.
2. You add custom CSS to your template in order to make these elements responsive. To do that, you can use @media CSS queries in the frontend CSS file of HikaShop.
For example, for your product page, you can add such CSS: How to add that CSS to your template will depend on your template so it's best to ask them but here is a generic tutorial:
www.htmlgoodies.com/beyond/webmaster/too...h-css-in-joomla.html

Hi, Nicolas.
Thank you for your awesome support. Even if you don't have answers for everything, I think your support is unique.

I got this code from Artisteer which my template is made from:

.responsive .hikashop_product_main_image div
{
width:100%!important;
}

I inserted in template.css. Maybe you can pass it on to other asking the same.

Allan