Skip to content

CSS-Trick: Stretch Column to full left or right in WPBakery


/*STRETCH COLUMN: APPLY CLASS TO ROW AND SET TO FULL WIDTH NO PADDING AND DEFAULT GUTTER*/
@media only screen and (min-width: 1280px) {
	.extend-right:not(.ui-sortable) .vc_column_container:first-child,
	.extend-right .vc_vc_column:first-child {
		padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px));
	}
	.extend-left:not(.ui-sortable) .vc_column_container:last-child,
	.extend-left .vc_vc_column:last-child {
		padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px));
		padding-right: 200px;

	}
}
@media only screen and (max-width: 1279px) {
	.extend-right.wpex-vc-full-width-section, .extend-right.wpex-vc-full-width-row,
	.extend-left.wpex-vc-full-width-section, .extend-left.wpex-vc-full-width-row {		
		width: unset !important;
		left: unset !important;
		margin-left:  unset !important;
		margin-right:  unset !important;
	}
}

Dieser Beitrag hat 0 Kommentare

Schreibe einen Kommentar

Deine E-Mail wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

An den Anfang scrollen