Product size in mobile

  • Posts: 62
  • Thank you received: 3
  • Hikashop Business
2 years 2 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: 81481
  • Thank you received: 13062
  • MODERATOR
2 years 2 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.057 seconds
Powered by Kunena Forum