Skip to content

Instantly share code, notes, and snippets.

@man4toman
Created November 24, 2019 10:56
Show Gist options
  • Save man4toman/4ffa6c3d1e6598156a507cb60d6cb9f5 to your computer and use it in GitHub Desktop.
Save man4toman/4ffa6c3d1e6598156a507cb60d6cb9f5 to your computer and use it in GitHub Desktop.
Fix RTL Stretch(full-width) row in WPBakery Page Builder(Visual Composer) - CSS solution
body.rtl .vc_row[data-vc-full-width] {
position: relative;
width: 100vw !important;
right: 50% !important;
left: auto !important;
transform: translateX(50%) !important;
padding-left: calc( (100vw - 1140px) / 2 ) !important;
padding-right: calc( (100vw - 1140px) / 2 ) !important;
}
@media(max-width:767px){
body.rtl .vc_row[data-vc-full-width] {
padding-left: 15px !important;
padding-right: 15px !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment