Change sidebar width and padding between widgets

[Ivan Panchev]

Ivan Panchev

April 21, 2016 at 8:16 am

Hello,

I want to change sidebar width to 20% and another part of page to 80%

.col-lg-3 {
width: 20%;
}

.col-lg-9 {
width: 80%;
}

Reduce padding between widgets

.woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span, .woocommerce-page .widget_layered_nav ul li a, .woocommerce-page .widget_layered_nav ul li span {
padding: 5px 5px 5px 5px;
float: left;
}

.widget {
margin-top: 0px;
}

.sidebar .widget-inner li {
line-height: 10px;
}

On PC everything look good, but on mobile images are not displayed correctly – images width not showing properly.

This is page *Login to see link

Thanks in advance.
Best regards,
Ivan