Hi!
Since you are using the "Image and description (deprecated)" layout and it doesn't display correctly on mobile, this is likely due to outdated or non-responsive CSS in the deprecated view. Here are a few suggestions to improve the mobile experience:
Switch to a more recent layout template: If possible, try using one of the new product listing layouts provided by HikaShop, as these are better optimized for mobile devices.
Custom CSS for Responsiveness: You can apply custom CSS rules to improve the mobile display. For example, you can use media queries to adjust image and description alignment for smaller screens:
@media (max-width: 600px) {
.hikashop_product_image, .hikashop_product_description {
width: 100%;
display: block;
}
.hikashop_product_image img {
max-width: 100%;
height: auto;
}
}Add this code to your Joomla template or HikaShop custom CSS section.
Now, I tried to look at the page on your link, however, the issue is not there, the rendering is not the same as the one on your screenshot, and the version of HikaShop there is the 4.6.1:
i.imgur.com/4DS1OWT.png
It seems that the link you provided in your message doesn't come from the website where you have the problem so I couldn't look at the issue directly and analyze the problem there. So the CSS code I wrote above might not be the exact one you need for your situation.