Skip to content

Instantly share code, notes, and snippets.

@wpgaurav
Created February 19, 2023 14:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wpgaurav/71c7725a3ade0b08343bb2bbda0946ce to your computer and use it in GitHub Desktop.
Save wpgaurav/71c7725a3ade0b08343bb2bbda0946ce to your computer and use it in GitHub Desktop.
Edge to Edge alignfull in Default Boxed mode of Marketers Delight
@media (max-width:1100px){
/* Also works for .bleed class */
.content-full .alignfull.bleed, .content-full .alignfull, .content-full .bleed {
left:50%;
right:50%;
position:relative;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
}
}
@media (min-width:1101px){
.content-full .alignfull.bleed, .content-full .alignfull, .content-full .bleed {
margin-left: calc(calc(732px - 100vw) / 2); /* Replace 732px with the Content Width set in MD Settings */
margin-right: calc(calc(732px - 100vw) / 2);
max-width: 100vw;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment