Change width of Side Panel

Hello,

Unfortunately, there is no Data Attributes available to increase/decrease the Size of the Side Panels since they are controlled by the multiple CSS which are dependent on each other. Consider using the following CSS Code:

#side-panel {
	right: -500px;
	width: 500px;
}

body.side-panel-left #side-panel {
	left: -500px;
	right: auto;
}

body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header.sticky-header .container { right: 0; }

body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {
	left: 0;
	right: auto;
}

#side-panel .side-panel-wrap { width: 530px; /* Side Panel Width + 30px */ }

#side-panel .widget { width: 420px; /* Side Panel Width - 80px */ }

body.side-push-panel.side-panel-open.stretched #wrapper,
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 500px; }

body.side-push-panel.side-panel-open.stretched .slider-parallax-inner { left: -500px; }

body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
	left: 500px;
	right: auto;
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.