[Skip to main content](#vessel-content) # Responsive display in img\_pane listing ## - **[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")** - [![milesreid's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37491-milesreid "View milesreid's Profile") Topic Author - [ Offline](/forum/user/37491-milesreid) Less More - Posts: 17 - Thank you received: 0 - - 11 years 1 month ago [\#216145](#216145) by [milesreid](/forum/user/37491-milesreid "View milesreid's Profile") *[Responsive display in img\_pane listing](/forum/26-product-category-display/879631-responsive-display-in-img-pane-listing#216145 "-- url of the page with the problem -- : belledressed.co.uk/departments/dresses -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated.")* was created by *[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")* -- url of the page with the problem -- : [ belledressed.co.uk/departments/dresses](https://belledressed.co.uk/departments/dresses) -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk2MzEtcmVzcG9uc2l2ZS1kaXNwbGF5LWluLWltZy1wYW5lLWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 11 years 1 month ago [\#216157](#216157) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Responsive display in img\_pane listing](/forum/26-product-category-display/879631-responsive-display-in-img-pane-listing#216157 "-- url of the page with the problem -- : belledressed.co.uk/departments/dresses -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated.")* Hi, I've checked your link but that's not what I see: [ take.ms/sX1kU](http://take.ms/sX1kU) For me, it's as if the "use bootstrap design" setting of the HikaShop configuration was turned off, and thus the elements of the listing are not changed to one per row on mobile. Regarding the width of the images of a listing, by default, it's fixed based on what you set in the settings, regardless of where you display it. If you want the image size to adapt, some additional custom CSS might be required, but the exact CSS code will depend on how the page display, the CSS of the template. As I can't reproduce what you're talking about, I can't give a precise answer. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk2MzEtcmVzcG9uc2l2ZS1kaXNwbGF5LWluLWltZy1wYW5lLWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")** - [![milesreid's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37491-milesreid "View milesreid's Profile") Topic Author - [ Offline](/forum/user/37491-milesreid) Less More - Posts: 17 - Thank you received: 0 - - 11 years 1 month ago [\#216211](#216211) by [milesreid](/forum/user/37491-milesreid "View milesreid's Profile") Replied by *[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")* on topic *[Responsive display in img\_pane listing](/forum/26-product-category-display/879631-responsive-display-in-img-pane-listing#216211 "-- url of the page with the problem -- : belledressed.co.uk/departments/dresses -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated.")* Thanks Nicolas: however, when I change "Use Bootstrap Design" to on, the situation is worse - both on the mobile, and on the desktop. (see attached for Desktop view) Yikes! Miles - [ ![UseBootstapOn.jpg](/forum/attachment/26838) ](/forum/attachment/26838 "UseBootstapOn.jpg") [ ](/forum/attachment/26838?download=1 "UseBootstapOn.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk2MzEtcmVzcG9uc2l2ZS1kaXNwbGF5LWluLWltZy1wYW5lLWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 11 years 1 month ago [\#216233](#216233) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Responsive display in img\_pane listing](/forum/26-product-category-display/879631-responsive-display-in-img-pane-listing#216233 "-- url of the page with the problem -- : belledressed.co.uk/departments/dresses -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated.")* Hi, This indicates that your template is not compatible with bootstrap. Note however that it's already what I was seeing when you didn't had that option activated: [ take.ms/sX1kU](http://take.ms/sX1kU) So to go back to your initial question, how exactly are you able to see the images of the products one on top of another ? Did you change something ? Did you go to a specific URL ? With a specific browser ? The following user(s) said Thank You: [milesreid](/forum/user/37491-milesreid "View milesreid's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk2MzEtcmVzcG9uc2l2ZS1kaXNwbGF5LWluLWltZy1wYW5lLWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")** - [![milesreid's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/37491-milesreid "View milesreid's Profile") Topic Author - [ Offline](/forum/user/37491-milesreid) Less More - Posts: 17 - Thank you received: 0 - - 11 years 1 month ago [\#216598](#216598) by [milesreid](/forum/user/37491-milesreid "View milesreid's Profile") Replied by *[milesreid](/forum/user/37491-milesreid "View milesreid's Profile")* on topic *[Responsive display in img\_pane listing](/forum/26-product-category-display/879631-responsive-display-in-img-pane-listing#216598 "-- url of the page with the problem -- : belledressed.co.uk/departments/dresses -- HikaShop version -- : 2.6.0 -- Joomla version -- : 3.4.4 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome Android -- Error-message(debug-mod must be tuned on) -- : None I have a product listing using the img_pane layout type. when I view the listing on my smartphone, images are on top of each other and not resized. Displays on desktop ok. Image width set to 187px and height to 370px. Listing set to four images per row. I cannot figure out how I can set the parameters for the images so that the display appears properly on a smartphone - particularly as required settings are in pixels, Any help would be much appreciated.")* Many thanks, Nicolas - and apologies for the delay in replying. Yes, it looks as though the problem lies with the template: I'll choose another and go from there Thanks again for your help Miles Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk2MzEtcmVzcG9uc2l2ZS1kaXNwbGF5LWluLWltZy1wYW5lLWxpc3Rpbmc/dG1wbD1tYXJrZG93bg==) 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.074 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)