Problem:
The customer asked how to force the Toolset's "Container" block to cover full-screen width when using the Divi theme.
Solution:
Informed that the Divi theme wraps the content area inside a fixed-width wrapper/box. To force specific "Container" blocks to cover full-screen width, a custom class "full-screen" can be added to that block, after including some custom CSS:
.full-screen {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw - 8px);
margin-right: calc(-50vw - 8px);
padding-right: 0!important;
padding-left: 0!important;
}
Relevant Documentation:
n/a
