Section full-width in article: columns are not full-width - Forum | JoomShaper
Solved SP Page Builder

Section full-width in article: columns are not full-width

Asked by Andrea 4 years ago Last activity 4 years ago

Accepted answer

Marked as the solution
Pavel

Hi Andrea.

The code that you use is the code that I wrote for a long time.

Now I have a new, simpler version. I suggest you use it instead of old code.

Here

.sppb-article-section {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
@media (min-width: 576px) {
    .sppb-article-section {
        margin-left: calc(-100vw + 50%) !important;
        margin-right: calc(-100vw + 50%) !important;
    }
}
.sppb-article-section.__fluid .sppb-row-container {
    max-width: 100vw !important;
}

To get section with full width background use this class in section's CSS Class field:

sppb-article-section

To get fluid section with full width background use this classes (separated by space) in section's CSS Class field:

sppb-article-section __fluid

3 more replies

Andrea Asked this

Fine ! Thankyou very much!

Mehtaz Afsana Borsha Staff

Hi

Thanks Pavel for sharing the solution. Glad to know that it is fixed now. Andrea you can now close this post by accepting the answer.

-Regards.

Pavel

Hi. You are wellcome

Log in to reply.