Thumbnails not resizing on small screen
12 years 9 months ago #138088
by CNXTim
Thumbnails not resizing on small screen was created by CNXTim
-- url of the page with the problem -- :
thebestconferencephones.com.au/index.php...r-categories-listing
-- HikaShop version -- : 2.2.3
-- Joomla version -- : 3.2.1
-- PHP version -- :5.3.3
-- Browser(s) name and version -- : Chrome Version 32.0.1700.41 m Aura
-- Error-message(debug-mod must be tuned on) -- : Error_message
When I downsize the above page with Thumbs to simulate a Smartphone screen, the images remain large and "jaggy".
I suspect this is to do with Hikashop interacting with Bootstrap, but i cannot find out how to fix.
-- HikaShop version -- : 2.2.3
-- Joomla version -- : 3.2.1
-- PHP version -- :5.3.3
-- Browser(s) name and version -- : Chrome Version 32.0.1700.41 m Aura
-- Error-message(debug-mod must be tuned on) -- : Error_message
When I downsize the above page with Thumbs to simulate a Smartphone screen, the images remain large and "jaggy".
I suspect this is to do with Hikashop interacting with Bootstrap, but i cannot find out how to fix.
Please Log in or Create an account to join the conversation.
12 years 9 months ago #138099
by Jerome
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Replied by Jerome on topic Thumbnails not resizing on small screen
Hi,
HikaShop just use the bootstrap classes and recommendations but after that, you template can override how the display will be.
In your case, the image use 100% of the width when the screen is small.
To change that, you will have to create a CSS override for this specific case and check that your new CSS rules does not have side effect on the rest of your website.
Regards,
Yes and more exactly, it is how your bootstrap template works.CNXTim wrote: I suspect this is to do with Hikashop interacting with Bootstrap, but i cannot find out how to fix.
HikaShop just use the bootstrap classes and recommendations but after that, you template can override how the display will be.
In your case, the image use 100% of the width when the screen is small.
To change that, you will have to create a CSS override for this specific case and check that your new CSS rules does not have side effect on the rest of your website.
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
The following user(s) said Thank You: CNXTim
Please Log in or Create an account to join the conversation.
Time to create page: 0.178 seconds