Enabling responsive layout

-- 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

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

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.

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