[Skip to main content](#vessel-content) # Product Listing Overlapping Each Other in Mobile ## - **[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")** - [![jeannie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18454-jeannie "View jeannie's Profile") Topic Author - [ Offline](/forum/user/18454-jeannie) Less More - Posts: 71 - Thank you received: 1 - - 13 years 4 months ago [\#108990](#108990) by [jeannie](/forum/user/18454-jeannie "View jeannie's Profile") *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#108990 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* was created by *[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")* Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#109020](#109020) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109020 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* Hi there, Do you have the last version of Hikashop? Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")** - [![jeannie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18454-jeannie "View jeannie's Profile") Topic Author - [ Offline](/forum/user/18454-jeannie) Less More - Posts: 71 - Thank you received: 1 - - 13 years 4 months ago - 13 years 4 months ago [\#109022](#109022) by [jeannie](/forum/user/18454-jeannie "View jeannie's Profile") Replied by *[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109022 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* > eliot wrote: Hi there, > > Do you have the last version of Hikashop? > Also did you enabled the "Use bootstrap design" in Hikashop main configuration (System>Configuration>Display)? It's works on the mobile but in the desktop it is not align properly. Do you know is there a way to set the size of the box for the product? I know how to set the size of image but not for the size of the box with the image and description, price etc? Last edit: 13 years 4 months ago by [jeannie](/forum/user/18454-jeannie "View jeannie's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#109031](#109031) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109031 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* If you want to force the box size you can take a look at the view you are using. For example, if you have a listing with image and title, go in Display>Views and edit the file listing_img_title of product (or categories it depends of your needs). You will then be able to modify the box size with some css (width:100px; height:100px for instance). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")** - [![jeannie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18454-jeannie "View jeannie's Profile") Topic Author - [ Offline](/forum/user/18454-jeannie) Less More - Posts: 71 - Thank you received: 1 - - 13 years 4 months ago [\#109038](#109038) by [jeannie](/forum/user/18454-jeannie "View jeannie's Profile") Replied by *[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109038 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* > eliot wrote: If you want to force the box size you can take a look at the view you are using. > For example, if you have a listing with image and title, go in Display>Views and edit the file listing\_img\_title of product (or categories it depends of your needs). > You will then be able to modify the box size with some css (width:100px; height:100px for instance). Say if I do not want to set to a certain size. But, I want the align of my desktop to be the same before and after I set the bootstrap to yes. Is there a way? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#109047](#109047) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109047 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* Actually it should. Could you give me a link to your website so I can take a look? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")** - [![jeannie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/18454-jeannie "View jeannie's Profile") Topic Author - [ Offline](/forum/user/18454-jeannie) Less More - Posts: 71 - Thank you received: 1 - - 13 years 4 months ago [\#109072](#109072) by [jeannie](/forum/user/18454-jeannie "View jeannie's Profile") Replied by *[jeannie](/forum/user/18454-jeannie "View jeannie's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109072 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* > eliot wrote: Actually it should. > Could you give me a link to your website so I can take a look? [ www.gemboxjewellery.com/jewelleryproduct](http://www.gemboxjewellery.com/jewelleryproduct) this has been set to bootstrap as yes. Before it was align nicely with 5 product per row. Now, it is messy align. Many Thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#109101](#109101) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Product Listing Overlapping Each Other in Mobile](/forum/4-how-to/83653-product-listing-overlapping-each-other-in-mobile#109101 "Hi, My template is responsive. But, I've an issue with my product listing where it is overlapping each other in mobile. How can I fix it?")* It's a simple css issue, one of your product title is too big and mess everything. What you can do is add this css property to your front end css file: Code: .span2 .hikashop_product li{ height:300px; list-style-type: none; ] The following user(s) said Thank You: [jeannie](/forum/user/18454-jeannie "View jeannie's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgzNjUzLXByb2R1Y3QtbGlzdGluZy1vdmVybGFwcGluZy1lYWNoLW90aGVyLWluLW1vYmlsZT90bXBsPW1hcmtkb3du) 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.060 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)