[Skip to main content](#vessel-content) # responsive thumbnail size ## - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157204](#157204) by [petersch](/forum/user/30695-petersch "View petersch's Profile") *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157204 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* was created by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago [\#157207](#157207) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157207 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* It would sure be helpful if you told a bit more on - your configuration as far as relevant (bootstrap yes/no, image sizes, etc) - your template (which one? responsive? bootstrap?) - best even a link to your site --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157218](#157218) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157218 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* bootstrap: yes image size: 400x400 template: gantry the problem is the same for the thumbnails (Products list) and the product image on the product page. the product page is in tabular mode (in default mode the problem doesnt occur, but I want the tabular one) on the category page however the thumbnails width decreases when viewed on a small screen but the height stays the same.....so that there is a huge gap between image and title. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago [\#157219](#157219) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157219 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* Sounds like it could be fixed with a little CSS tweak. No page link, so one could analyse the CSS? Without it it'll be very hard. --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157220](#157220) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157220 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* [ pschellenberger.com/index.php/pschellenb...uct/14-t-shirt-engel](http://pschellenberger.com/index.php/pschellenberger-collection/t-shirts/product/14-t-shirt-engel) and [ pschellenberger.com/index.php/pschellenberger-collection](http://pschellenberger.com/index.php/pschellenberger-collection) and [ pschellenberger.com/index.php/pschellenb...-collection/t-shirts](http://pschellenberger.com/index.php/pschellenberger-collection/t-shirts) when you make the window small like smart phone size you can see the problem thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago [\#157221](#157221) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157221 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* Ok, just took a look, and I'm pretty sure that you'll be fine after inserting the following code into your CSS, either the template (override) CSS file, or the (custom) HikaShop frontend CSS file: Code: div.hikashop_product_image_subdiv { width: 100% !important; height: auto !important; } --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157222](#157222) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157222 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* .thumbnail div.hikashop_product_image_subdiv { width:100% !important; height: auto !important; } didnt work, still the same problems Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157223](#157223) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157223 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* i put this in the hikashop front end css Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago [\#157224](#157224) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157224 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* Yeah sorry, was too fast: posted that before you had your links here... Strange, though, can't really get the image on product page to respond. Any limiting settings in your shop config under Main and Images? Perhaps post a screenshot of that config section? --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago - 12 years 5 months ago [\#157225](#157225) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157225 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* i tried already to change the size and stuff without any success Last edit: 12 years 5 months ago by [petersch](/forum/user/30695-petersch "View petersch's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157226](#157226) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157226 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* cant attach screenshot config image thumbnail height and widt: no value product page image width and height: 400 image width and height: 800 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157227](#157227) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157227 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* what about this? .thumbnail div.hikashop_product_image_subdiv { width:auto !important; height: auto !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157228](#157228) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157228 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* didnt work Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago [\#157230](#157230) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157230 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* > petersch wrote: didnt work Yup, I know. Nothing with CSS only seems to work. Think it's a "misunderstanding" of what your template on one hand and HikaShop on the other use for "responsiveness". Not that it must be relevant in this case, but had (other) trouble with Gantry templates before. I'm just saying this for you to understand that I stopped using them and am not familiar with them anymore. You should still be able to have your images responsive just as elsewhere on your site. Anyhow, to me it looks as if it'll take a different approach with layout-relevant code in the views (where the product slider is a case by itself) to achieve responsiveness. Again, elsewhere on your site CSS for images with only max-width:100% and height:auto works, so it should be possible to make it work for images in HikaShop as well. But it might require altering at least some of the size settings in views... --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) The following user(s) said Thank You: [petersch](/forum/user/30695-petersch "View petersch's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157279](#157279) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157279 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* *This attachment is hidden for guests. Please log in or register to see it.* *This attachment is hidden for guests. Please log in or register to see it.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157280](#157280) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157280 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* this are the responsible files in views. I am using the carousel for the products listing and the product page. and on the product page the order is tabular. so somewhere in here i need to put: .thumbnail div.hikashop_product_image_subdiv { width:100% !important; height: auto !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 12 years 5 months ago - 12 years 5 months ago [\#157282](#157282) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157282 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* Hmmm. First: "Somewhere here"... well, certainly not this code in these view files you attached here, unless you wanted to turn it into in-line CSS. Next: The code you're posting here again won't hurt, but it doesn't help, either. The only place where you use the class "thumbnail" is in your category view at [ pschellenberger.com/index.php/pschellenberger-collection](http://pschellenberger.com/index.php/pschellenberger-collection), and that's responsive already. So, it doesn't help anywhere else. (In between: You should use Firebug or another browser console to analyse and test your HTML and CSS. Would save you a lot of stabbing around in the dark. I'm seeing more from here than you there...) Then: I've done that for quite a while on your site yesterday, with lots of CSS settings that make stuff usually "responsive"... without success. Tell me: Is it a Rockettheme template, or one of the Gantry "interpretations" of another template house? Which exact template is it? --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Last edit: 12 years 5 months ago by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157283](#157283) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157283 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* Gantry v4.0 Gantry Framework Base Theme Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157284](#157284) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157284 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* i inspected the thumbnails on the collection and productlist site....like you said width is on 100% and heigth on auto...in bootstrap css....but this must be somehow overwritten by another css Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[petersch](/forum/user/30695-petersch "View petersch's Profile")** - [![petersch's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30695-petersch "View petersch's Profile") Topic Author - [ Offline](/forum/user/30695-petersch) Less More - Posts: 28 - Thank you received: 0 - - 12 years 5 months ago [\#157285](#157285) by [petersch](/forum/user/30695-petersch "View petersch's Profile") Replied by *[petersch](/forum/user/30695-petersch "View petersch's Profile")* on topic *[responsive thumbnail size](/forum/26-product-category-display/868469-responsive-thumbnail-size#157285 "hey guys, is it somehow possible to make the thumbnails on product catogory/listing/page responding to the screen size? My problem is when viewed on a small screen (smartphone) the thumbnails are too big and reach over the sides of the page. cheers")* can you actually change the css live in firebug (or in googlechrome, which i'm using) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njg0NjktcmVzcG9uc2l2ZS10aHVtYm5haWwtc2l6ZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.193 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)