- Posts: 16
- Thank you received: 0
Image product does not get smaller on a Mobile
12 years 1 month ago #167078
by mici
Image product does not get smaller on a Mobile was created by mici
-- 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
-- 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.
Less
More
- Posts: 12953
- Thank you received: 1778
12 years 1 month ago #167086
by Mohamed Thelji
Replied by Mohamed Thelji on topic Image product does not get smaller on a Mobile
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 :
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.143 seconds