Home>Support>Headline Widget – Unexpected Whitespace in Mobile View

Headline Widget – Unexpected Whitespace in Mobile View

I am using Page Builder with the Create theme from Theme Trust. I have an unexplained white space that is there when in mobile view. If you look at THIS page on a mobile device, press and drag the screen to the left to see what I mean.

I have identified the problem as happening when using the headline widget to create a seamless background to stretch the full width. Here is my page builder configuration:

If I leave that the way it is, I get two backgrounds when in mobile view. So, I added the following CSS which removes the extra Headline widgets:

@media screen and (max-width: 780px) {

#pgc-8-1-0, #pgc-8-1-2, #pgc-8-1-4, #pgc-8-1-6 { display: none; }

}

I have found that if I remove that row, the white space disappears, but then I can’t get the design I want. A solution would be very appreciated!

Thanks!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 8 months ago Yuriy Kravets

    Apparently I made a mistake in posting the link to the image so, here it is:

    Layout

  2. 7 years, 7 months ago Greg Priday
    Hi, I Work Here

    Hi Yuriy

    The version of Page Builder that comes with Create from Theme Trust is a fork of our Page Builder. This means it’s based on our code, but they’ve modified it in some ways to include it with their commercial theme. We’re fine with them doing this, but it does mean you should contact them directly for support.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More