Bootsrap - forcing single column on desktop

-- url of the page with the problem -- : 80.244.187.39/~houseoflightsco/index.php/lighting
-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.4.0
-- PHP version -- : 5.4
-- Browser(s) name and version -- : firefox

Hi

I enabled bootstrap for mobile devices and the display looks great on phones but now it has changed all the columns to single 1 column for all views even on desktop, do you know why this would be?

Kind regards

Alex

Hi,

You're using a Gavick template, which isn't built on Bootstrap. So, you probably want to turn Bootstrap off again in HikaShop, and you should get your columns back then.

Thanks I think it will be harder to get the non-bootstrap layout to work on mobile then vise versa so by just putting this in template.css:

.hikashop_subcategories ul li{
width:220px;
float:left;
}

.hikashop_products_listing ul li{
width:300px;
float:left;
}

Seems to have fixed the columns on desktop while keeping the mobile friendly single column on mobiles.

With fixed pixel values it's not as pretty at certain browser widths.
Hint: use % instead.

E.g.

.hikashop_subcategories ul li{
width:25%;
float:left;
}
.hikashop_products_listing ul li{
width:33.3%;
float:left;
}

Good idea thanks!