[mavek]

Hi how can i have more transparents class=”vs-sidenav-right” and class=”vs-sidenav-left”, and with a reduced width, without losing the responsivity of the theme? Thank you very much.

Best Regards

[ahmetsali]

Hi,

– to reduce left and right page opacity, try this custom css code;

.vs-triplelayout .vs-right,
.vs-triplelayout .vs-left,
.vs-triplelayout .vs-left-outer,
.vs-triplelayout .vs-right-outer,
.container.vs-triplelayout.vs-move-left .vs-current,
.container.vs-triplelayout.vs-move-right .vs-current {
 	opacity: .1;
}

– to reduce witdh of them, try this custom css code;

.vs-triplelayout .wrapper > section {
	 	width: 90%; left: 5%;
		}
	.vs-triplelayout .wrapper .vs-left {
		left: -85%; /* 90 - 5 */
		}
	.vs-triplelayout .wrapper .vs-left-outer {
		left: -175%; /* - 85 - 90 */
		}
	.vs-triplelayout .wrapper .vs-current {
		position: relative; z-index: 100;
		}
	.vs-triplelayout .wrapper .vs-right {
		left: 95%; /* 90 + 5 */
		}
	.vs-triplelayout .wrapper .vs-right-outer {
		left: 185%; /* 95 + 90 */
		}