Page container gap on right side

First off, I appreciate a good free theme with good custom options, so thank you for that.

Secondly my issue:

On a fresh WP 5.8 install I’m having the following issue, whereby a full width section is not reaching the right side end of the page – leaving a white gap;

Seen here:
https://nimb.ws/IbE9To

Trying to narrow it down I’ve tried:
Using different plugins to achieve the full width section – all suffer the same symptom.
Switching themes – the sections are created without the gap. Switching back to Sinatra causes the gap to appear again.

This is all that’s installed:
https://nimb.ws/tKBgTP

So it’s definitely something in the theme that is causing this.

It seems to be something to do with the calculated width / box-sizing of the page template.

It doesn’t happen to the header and doesn’t matter whether I choose full width or boxed styles.

Taken from the selector that causes the issue:

    -webkit-text-size-adjust: 100%;
    --content-width: 1240px;
    color: #454545;
    font-weight: 300;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 0.9375rem;
    line-height: 1.733;
    --si-sticky-h-offset: 77px;
    --si-screen-width: 1903px;
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    word-break: break-word;

Would appreciate any help someone could give me, and if you need anything from me just ask.

Thanks again

• This topic was modified 4 years, 7 months ago by castlelandcommunitycentre.