Want to reduce sidebar width and increase content area

[ashpan0369]

Hi, I have attached screen shot. I want to decrease sidebar width to 20% and increase content area width to 80%. With all responsiveness on all devices.

Thank You

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Ashpan,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 768px) {
.sidebar.jas-col-sm-3 {
	-ms-flex-preferred-size: 20%;
	-webkit-flex-basis: 20%;
	flex-basis: 20%;
	max-width: 20%;
}
.jas-col-md-9.jas-col-sm-9 {
	-ms-flex-preferred-size: 80%;
	-webkit-flex-basis: 80%;
	flex-basis: 80%;
	max-width: 80%;
}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts