Product size in mobile

  • Posts: 81
  • Thank you received: 4
  • Hikashop Business
3 years 10 months ago #339095

-- HikaShop version -- : 4.4.5
-- Joomla version -- : 3.10.5

Hi, it seems my product size is 675px in desktop mode, but when in mobile the space it takes is still 675px, but the picture is much smaller. It is the line:

<div class="hikashop_product_main_image_thumb hikashop_img_mode_classic" id="hikashop_image_main_thumb_div" style="height:670px;">

I have attached an image. How do I make the height 350px in mobile, as it seems like it is inline style?

Thanks.

Attachments:

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

  • Posts: 84871
  • Thank you received: 13821
  • MODERATOR
3 years 10 months ago #339112

Hi,

It actually comes from the template which resizes the main image down while the height is fixed so that badges can be properly placed on top of the main image.
You can add such CSS to make the area height dynamic:

#hikashop_image_main_thumb_div {
    height: auto !important;
}

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

Time to create page: 0.054 seconds
Powered by Kunena Forum