Создать неподвижную боковую панель (не прокручивается) в WordPress WooCommerce Магазине

Question

У меня есть WooCommerce сайта настройка здесь: http://museiam.ca/shop/

Я пытаюсь сделать левую боковую панель фиксированной, так что не прокручивается и остается в неподвижном должность. По существу, прокручивается только оболочка продуктов. Мне также понравилось бы, если меню будет размещаться вблизи середины страницы (по вертикали), чтобы оно не было близко к верхней и нижней части страницы.

Любой ввод информации о том, как это сделать, оценивается. Я пробовал следующее без успеха:

.widget woocommerce widget_product_categories { 
position:fixed !important; 
} 

Спасибо всем за чтение.

Answer 1

Попробуйте

.widget_product_categories { 
    position: fixed; 
    width: 180px; // to make sure, the container keep it's width 
} 

Протестировано и работает в Chrome