1. Shopin
  2. Monday, 13 November 2017
Hi, the product title is found overlapping with the product photo in mobile display. Please see the attached screenshot.


The url is https://cms.hkbws.org.hk/eshop/index.php/products/categories/green-life-en/chicobag-sling

Grateful if you could advise how to fix it.


Attachments (1)
Accepted Answer
Hi,all you have to do is reduce font size in mobile view and height of product images area.

@media screen and (max-width: 640px) {
h1.product-title {font-size: 25px;line-height: 1;}
.detail .product-image { overflow: hidden;}

In custom.css or here
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (4)
Thanks. I will limit the no. of photos at this moment, and hope it will be resolved in next version of Shopin.
  1. more than a month ago
  2. Shopin
  3. # 1
In theory yes, but it probably request to set a min-height for image area.
  1. more than a month ago
  2. Shopin
  3. # 2
Hi Paul, thanks a lot for your support!

Is it possible to show the fifth photo as well so that all the photos can be included.

Grateful if you could further advise how to fix it. Thanks

  1. more than a month ago
  2. Shopin
  3. # 3

There are no replies made for this post yet.
Be one of the first to reply to this post!

This forum is archived

This forum has been archived. Please use JoomShaper official support system.