<template>
- <div class="relative" :class="{ 'overflow-hidden': noResults }">
+ <div class="relative flex sm:block" :class="{ 'overflow-hidden': noResults }">
<!-- Filters column -->
<div ref="filters"
- class="products-filters-wrapper sticky sm:static top-60 mr-1v sm:mr-0 pt-4 whitespace-no-wrap float-left sm:float-none">
+ class="products-filters-wrapper sm:static mr-1v sm:mr-0 pt-4 whitespace-no-wrap sm:float-none">
<!-- Filters panel -->
- <div class="bg-white p-4">
+ <div class="bg-white p-4 sticky sm:static top-60">
<div class="products-filters" :class="{ 'folded': currentFilterIndex !== index }" v-for="(filter, index) in filterData" :key="index">
<hr class="h-px bg-grey-250 my-4" v-if="index !== 0"/>
<full-width class="bg-grey-100" padding="pt-1v pb-2v">
<content class="product-category">
-
@if ($filters && $filter_results)
<products-filters v-cloak
product-type="{{ $product_type->id }}"
@if ($filters && $filter_results)
</products-filters>
@endif
-
</content>
</full-width>