View Replies (4)

Resolved Display problem of product details in mobile

  1. Issue
  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.

shopin_mobile01.JPG

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.

Thanks,

Forrest
Attachments (1)
shopin_mobile01.JPG shopin_mobile01.JPG
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)
custom_css_field_helix3.png custom_css_field_helix3.png
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (4)
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

Forrest
  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
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. # 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.

Please publish modules in sidebar position.