Template breaks on phone

akseldahlnorway

The template does not keep the product photos in the description as dynamic. They break the template when I use a mobile phone, as seen here:

https://www.prisgarantist1.com/index.php/til-henne/norges-beste,-lovlige-tannbleing-strips-detail

You can also see the YT video I have here break:
https://prisgarantist1.com/index.php/hobby-fritid/friluftsutstyr/vanntette-sokker-detalj

Only happens on mobile. Looks good in computer.

Please use a mobile phone and check. I use a Samsung A54

I use Jce editor, the latest version, pro.

I have four websites I will build now (updated versions of some sites that need new and updated designs), so I hope the solution can be done on this one and then explained to me so I can fix it on the other shops myself.

Or maybe it is a issue in general with the template and the latest Virtuemart and you just fix it and send out a updated template version?

dominic

Hi akseldahlnorway,
You can add the following CSS code to your site:

@media (max-width: 1200px) {
.product-description iframe {
    width: 100%;
}
.product-description img {
    width: 100%;
    height: auto;
} 
}

akseldahlnorway

Thanks for the reply.

Just to make sure, is that in the custom code in the template menu or is that in a certain file via my ftp?

If it is a file via FTP, can you please give me the direction? Also, if it is a file via FTP, can it be placed just in the bottom, or do it have to be placed on a certain placement within the file?

TY
Aksel

dominic

Hi akseldahlnorway,
I have checked and see that you have added the code to the Custom code section of the template style and I have helped you update the code, you can check your site.

akseldahlnorway

This works like a charm.