[Skip to main content](#vessel-content) # Responsiveness problems and Bootstrap option ## - **[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")** - [![SarahW's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7703-sarahw "View SarahW's Profile") Topic Author - [ Offline](/forum/user/7703-sarahw) Less More - Posts: 43 - Thank you received: 3 - - 11 years 2 months ago [\#211233](#211233) by [SarahW](/forum/user/7703-sarahw "View SarahW's Profile") *[Responsiveness problems and Bootstrap option](/forum/26-product-category-display/878703-responsiveness-problems-and-bootstrap-option#211233 "-- url of the page with the problem -- : www.thelavenderlady.co.uk/index.php/shop -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted.")* was created by *[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")* -- url of the page with the problem -- : [ www.thelavenderlady.co.uk/index.php/shop](http://www.thelavenderlady.co.uk/index.php/shop) -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzg3MDMtcmVzcG9uc2l2ZW5lc3MtcHJvYmxlbXMtYW5kLWJvb3RzdHJhcC1vcHRpb24/dG1wbD1tYXJrZG93bg==) 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) - 11 years 2 months ago [\#211235](#211235) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[Responsiveness problems and Bootstrap option](/forum/26-product-category-display/878703-responsiveness-problems-and-bootstrap-option#211235 "-- url of the page with the problem -- : www.thelavenderlady.co.uk/index.php/shop -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted.")* Hi, Your template seems to load some Bootstrap 3, but not Bootstrap 2. But HikaShop is, like native Joomla, supporting only Bootstrap 2 (though BS 3 support is under way, I hear). So, turning Bootstrap off in HikaShop is the right thing to do for you. "Missing responsiveness" can then be added with custom CSS and media queries, such as Code: @media (max-width: 767px) { .hikashop_products_listing .hikashop_product {width: 100% !important;} } for product listings such as in the page you're linking to. In case you wonder, here is documentation on how to do so: [ www.hikashop.com/support/support/documen...ize-the-display.html](http://www.hikashop.com/support/support/documentation/153-customize-the-display.html) More similar code may be required for other shop elements or pages, of course. But so it goes if things aren't 100% compatible out of the box, and I'm sure you'll find more support here if you need it. ![;)](/media/kunena/emoticons/11.png ";)") --- 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: [Jerome](/forum/user/80-jerome "View Jerome's Profile"), [SarahW](/forum/user/7703-sarahw "View SarahW's Profile"), [jconn](/forum/user/40803-jconn "View jconn's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzg3MDMtcmVzcG9uc2l2ZW5lc3MtcHJvYmxlbXMtYW5kLWJvb3RzdHJhcC1vcHRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")** - [![SarahW's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7703-sarahw "View SarahW's Profile") Topic Author - [ Offline](/forum/user/7703-sarahw) Less More - Posts: 43 - Thank you received: 3 - - 11 years 2 months ago [\#211242](#211242) by [SarahW](/forum/user/7703-sarahw "View SarahW's Profile") Replied by *[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")* on topic *[Responsiveness problems and Bootstrap option](/forum/26-product-category-display/878703-responsiveness-problems-and-bootstrap-option#211242 "-- url of the page with the problem -- : www.thelavenderlady.co.uk/index.php/shop -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted.")* Great - thanks very much for that lousyfool. Really helpful ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzg3MDMtcmVzcG9uc2l2ZW5lc3MtcHJvYmxlbXMtYW5kLWJvb3RzdHJhcC1vcHRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[river](/forum/user/9591-river "View river's Profile")** - [![river's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar9591.gif)](/forum/user/9591-river "View river's Profile") - [ Offline](/forum/user/9591-river) Less More - Posts: 344 - Thank you received: 3 - - 9 years 8 months ago [\#260970](#260970) by [river](/forum/user/9591-river "View river's Profile") Replied by *[river](/forum/user/9591-river "View river's Profile")* on topic *[Responsiveness problems and Bootstrap option](/forum/26-product-category-display/878703-responsiveness-problems-and-bootstrap-option#260970 "-- url of the page with the problem -- : www.thelavenderlady.co.uk/index.php/shop -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted.")* Joomla 3.6.5 Hikashop 3 Protostar template NOTE: This i regarding hikashop 3 I've set the HikaShop » Products listing !>Div to display 3 Rows with products. This also works perfect on my iPad in wide view. But on the my iPad in "Narrow view" it only displays the products in 1 rtow, and I want it to display the products in 2 rows. Any advice on what CSS code I can use to get the Products listing to display to rows with products in iPAD narrow view ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzg3MDMtcmVzcG9uc2l2ZW5lc3MtcHJvYmxlbXMtYW5kLWJvb3RzdHJhcC1vcHRpb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 9 years 8 months ago [\#260973](#260973) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Responsiveness problems and Bootstrap option](/forum/26-product-category-display/878703-responsiveness-problems-and-bootstrap-option#260973 "-- url of the page with the problem -- : www.thelavenderlady.co.uk/index.php/shop -- HikaShop version -- : 2.5.0 -- Joomla version -- : 3.4.3 -- PHP version -- : 5.5.2.7 -- Browser(s) name and version -- : Firefox 39.0.3, Chrome 44.0.2403.130m I've created templates for two Joomla/HikaShop sites using Themler, and I have the same problem on both: with the HikaShop option 'Use Bootstrap design' on, a category product listing displays in a single column even when it's set to display in multiple columns; with the option off, the product listing displays correctly but is not properly responsive (items overlap on a small screen). The site linked here currently has 'Use Bootstrap design' turned off. The Themler template uses Bootstrap, so I'm guessing that it might be a question of pointing Hikashop at the right CSS - but I don't know how to do that. Any help gratefully accepted.")* Hi, HikaShop 3 do not have any relation with Bootstrap ; it uses his own responsive grid system now. Please use another thread in the forum and create a new one if necessary. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzg3MDMtcmVzcG9uc2l2ZW5lc3MtcHJvYmxlbXMtYW5kLWJvb3RzdHJhcC1vcHRpb24/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.243 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)