Issue with category iPad view

Hello,

I have a bit of an issue displaying 5 categories in a row when you view it on the iPad (landscape), it just falls into one row. If I change it to 4 or 6 categories in a row it works fine. As the shop only has 5 categories it is difficult to display it any other way but in one row.

I use Bootstrap 3.1 and Joomla 3+.

Website: www.capellacaprie.com.au/website/

I hope you can help.

Thank you
Kind regards
Lene

Hmm, this isn't caused by HikaShop. You may want to consult the makers of your template and/or whoever has been setting up the site.

An explanation here would get quite lengthy, but in brief, there's a bit of "chaos" with the CSS files you site is loading, one of which is the proper default responsive one for Bootstrap v2.3.2, while others seem to have been added by the template (i.e. a Bootstrap v3.1.0 file, and a template.css file which appears to be modified).

It leads to at least (!) a "float: left;" missing for the various span* classes for screen or browser window widths in between 980 and 1199px, resulting in the categories stacking up vertically instead of displaying in a single row.

Yes, there could be a quick fix by adding a line of CSS code, but you may want to get to the cause of the "chaos" instead... who knows what else is all affected...

Hello,

Thank you for your detailed reply. I actually did not realise that using Boostrap v3+ for the template was causing so much grief, or that that was the reason for many issues I was having with the shop. But saying that it does make sense.

I cleaned out the template and changed to Boostrap v2.3.2 and that fixed the issue I was having. I guess I will stick with Boostrap v2.3.2 from now on...

Regards
Lene