[Skip to main content](#vessel-content) # Enabling responsive layout ## - **[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")** - [![nickwilmot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Topic Author - [ Offline](/forum/user/32016-nickwilmot) Less More - Posts: 7 - Thank you received: 0 - - 12 years 6 months ago [\#150967](#150967) by [nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile") *[Enabling responsive layout](/forum/26-product-category-display/867196-enabling-responsive-layout#150967 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick")* was created by *[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")* -- url of the page with the problem -- : [ mywebsite.com/mypage](http://mywebsite.com/mypage) -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjcxOTYtZW5hYmxpbmctcmVzcG9uc2l2ZS1sYXlvdXQ/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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86292 - Thank you received: 14270 - - 12 years 6 months ago [\#150992](#150992) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Enabling responsive layout](/forum/26-product-category-display/867196-enabling-responsive-layout#150992 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick")* Hi, You need to turn on the "use bootstrap design" option of the configuration in order to get the responsive design activated. The listings will then switch from several columns to one column automatically based on the resolution of the screen. Note that the "use bootstrap design" option can only be used if the bootstrap library is actually loaded by your joomla template or a bootstrap compatibility plugin, otherwise it won't work properly. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjcxOTYtZW5hYmxpbmctcmVzcG9uc2l2ZS1sYXlvdXQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")** - [![nickwilmot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Topic Author - [ Offline](/forum/user/32016-nickwilmot) Less More - Posts: 7 - Thank you received: 0 - - 12 years 6 months ago [\#153386](#153386) by [nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Replied by *[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")* on topic *[Enabling responsive layout](/forum/26-product-category-display/867196-enabling-responsive-layout#153386 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick")* Thanks, I think I must be doing something wrong. The template uses bootstrap, so that should be fine. When I inspect the code, the HikaShop grid uses the 'row-fluid' class and not 'row'. Doesn't this prevent the divs from stacking? [ www.kingsarms.org/shop](http://www.kingsarms.org/shop) Thanks, nick Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjcxOTYtZW5hYmxpbmctcmVzcG9uc2l2ZS1sYXlvdXQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 6 months ago [\#153406](#153406) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Enabling responsive layout](/forum/26-product-category-display/867196-enabling-responsive-layout#153406 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick")* Hi, The row-fluid allow to use percentage for element sizes instead of pixels, but it is responsive too. [ getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem](http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem) In your case, it seems that your template has only properties for "row" and not "row-fluid" so you can: - edit the css file to replace/duplicate all the "row" by "row-fluid" OR - edit the hikashop views through the menu Display > Views to make the change. I recommend to duplicate, it should be easiest and fastest than editing HikaShop views and you will be sure to not forget anything. The following user(s) said Thank You: [nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjcxOTYtZW5hYmxpbmctcmVzcG9uc2l2ZS1sYXlvdXQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")** - [![nickwilmot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Topic Author - [ Offline](/forum/user/32016-nickwilmot) Less More - Posts: 7 - Thank you received: 0 - - 12 years 6 months ago [\#153527](#153527) by [nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile") Replied by *[nickwilmot](/forum/user/32016-nickwilmot "View nickwilmot's Profile")* on topic *[Enabling responsive layout](/forum/26-product-category-display/867196-enabling-responsive-layout#153527 "-- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.0 -- Joomla version -- : 3.2.2 Hikashop is billed as responsive on the Hikashop home page, but with the 'bootstrap' option enabled, it isn't. All rows are 'row-fluid' which means they only compress and don't stack? Where is the option to change this? It can hardly be described as responsive as it is currently set up. I must be missing something. Guidance appreciated. Thanks, Nick")* Ahh, great - I checked for the styles and they appeared to be there, but on closer inspection you are quite right. YooTheme seem to have selectively removed some of the bootstrap styles from the theme. I've added them back in and it seems a LOT better now. Many thanks for your help, Best, Nick Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjcxOTYtZW5hYmxpbmctcmVzcG9uc2l2ZS1sYXlvdXQ/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.192 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)