Gap/Space in between images at the mobile layout

  • Posts: 63
  • Thank you received: 6
7 years 3 months ago #286675

-- HikaShop version -- : 3.2.2
-- Joomla version -- : 3.8.3
-- PHP version -- : 7.0.7

Hi,


I have updated Hikashop to 3.2.2. I have noticed that the image at the product page on mobile layout has gap/space in between the image and thumbnails.




I have tried switching the thumbnail off by the Configuration, it did work for the mobile but the problem is my product listing is at the desktop is looking like this:



Instead of this:



I have switched the thumbnails ON again. This is the latest info:



Please help me solve this problem.

Attachments:
Last edit: 7 years 3 months ago by Wella.

Please Log in or Create an account to join the conversation.

  • Posts: 83778
  • Thank you received: 13565
  • MODERATOR
7 years 3 months ago #286678

Hi,

Can you provide a link to a page with the issue so that with can analyze the situation (CSS, HTML, etc) ?

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 6
7 years 3 months ago #286754

Hi Nicolas,


Thank you for your reply.

I have sent to you via pm the link.

Please Log in or Create an account to join the conversation.

  • Posts: 26232
  • Thank you received: 4035
  • MODERATOR
7 years 3 months ago #286755

Hello,

Do not use PM but use "contact us" form instead.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 83778
  • Thank you received: 13565
  • MODERATOR
7 years 3 months ago #286803

Hi,

You should add such CSS:
.hikashop_product_main_image, .hikashop_product_main_image_subdiv{ height: auto !important; }

www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 6
7 years 3 months ago #286844

Hi Nicolas,


Thanks a lot for your answer.

I don’t know if I was adding the code at the right place but cannot see changes on mobile layout. This is how it looks like after adding the code:




I was adding the code at Configuration – CSS at this location:

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 6
7 years 3 months ago #286845

Hi Jerome,


Sorry for sending pm, I should send it next time at the “Contact us”.

Please Log in or Create an account to join the conversation.

  • Posts: 83778
  • Thank you received: 13565
  • MODERATOR
7 years 3 months ago #286857

Hi,

I made a mistake on the class names, it should be:
.hikashop_product_main_image, .hikashop_product_main_image_thumb{ height: auto !important; }

The following user(s) said Thank You: Wella

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 6
7 years 3 months ago #286900

Hi Nicolas,


It is working good now.



Thank you so much for your help.

Regards,

Wella

Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.101 seconds
Powered by Kunena Forum