Image product does not get smaller on a Mobile

  • Posts: 16
  • Thank you received: 0
11 years 4 weeks ago #167078

-- url of the page with the problem -- : 108.174.152.219/~yamitysb/index.php/wave...39-pro-wave-8-0.html
-- HikaShop version -- : 2.3.1
-- Joomla version -- : Joomla! 3.3.0 Stable
-- PHP version -- : 5.3.28
-- Error-message(debug-mod must be tuned on) -- : Image product does not get smaller on a Mobile device

I would like to get the product image fit the screen size on a mobile phone, now it is to big ( www.responsinator.com/?url=http%3A%2F%2F...39-pro-wave-8-0.html )

Configuration & Template
In the Configuration > Display > see bootstrap design = YES
template - T3BS3

What can I do to probably display the product image on mobile devices?

Please advise
Thanks
M

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 weeks ago #167086

Hello,
I think that a solution can be to use Media queries through your CSS file, here is a thread where you'll find an example :

You can do the modifications in the frontend css file via the menu Configuration > Display > CSS
Use the @media tags to change the width of the columns when the width of the page is less than xx.

ex:
@media (max-width: 767px) {
.hikashop_products .row-fluid .span4 { width: 49% !important;}
}

Here is some documentation about the layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

Time to create page: 0.073 seconds
Powered by Kunena Forum