Home>Support>PageBuilder and SliderRevolution

PageBuilder and SliderRevolution

Hi,

I am using the Trade Theme (provided by ThemeTrust) and I am using the Pagebuilder with Slider Revolution (latest update) with a slider set to fullscreen. For some reason, the website shows a 1px line at the bottom of the page. I have asked ThemeTrust to look into this who said it isn’t a Theme issue. Slider Revolution have said it’s a Theme issue and ThemeTrust have now said it’s a PageBuilder issue as that’s the plugin in use.

Here is some details
Slider Revolution say this is the issue – https://support.sliderrevolution.com/wp-content/uploads/2022/06/Screenshot-at-Jun-22-21-26-01.png

ThemeTrust said this:
I see now, but I can’t see any top-margin that Slider Revolution mentioned, but I figure this might be browser height / width calculation issue for the full-width stretched Row in Site Origin, could you try in a regular Row? If the issue still persists, please contact Slider Revolution, ask them to provide a screenshot to point out the margin or what they’re referring to is caused by the Theme, so I can check.

PS. If they mean the Page Builder plugin has this issue, then you can contact SiteOrigin about this issue, so if they want to fix the compatibility issue, they can connect their developers.

The website in question is this

Here is the 1px line – https://themetrust.com/wp-content/uploads/2022/06/Screenshot-2022-06-20-145347.png

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

  1. 2 months, 23 days ago Andrew Misplon Hi, I Work Here

    Hi, thanks for reaching out.

    The line is caused by the following CSS rule:

    #site-wrap {
        margin-top: -2px !important;
    }

    Is that in the theme’s stylesheet or in your Custom CSS? I can’t see due to the caching/combination plugin in use.

  2. 2 months, 23 days ago Andrew Misplon Hi, I Work Here

    You could perhaps send the above feedback to ThemeTrust to close out the issue.

  3. 2 months, 21 days ago anrehman

    Hi Andrew,

    I have removed the code but I still have a 1px line however now it’s at the top of the page. See screenshot from iOS.

    image

  4. 2 months, 21 days ago Andrew Misplon Hi, I Work Here

    Hi, thanks for your reply.

    It would be best to turn off caching and file combination while troubleshooting.

  5. 2 months, 21 days ago anrehman

    Hi Andrew,

    No probs that’s done for you.

    Thanks

  6. 2 months, 21 days ago Andrew Misplon Hi, I Work Here

    Thanks.

    The issue relates to:

    .entry-content div.panel-grid:first-child {
        margin-top: -2.7em;
    }

    I recommend removing your top margin here:

    #main-container {
        margin-top: -1px;
        background: #fff;
    }

    And then adjusting the negative margin you have here:

    .entry-content div.panel-grid:first-child {
        margin-top: -2.7em;
    }

    I, unfortunately, can’t dive much deeper into this within our free support scope. We can assist with any normal usage queries here on the forum.

    Thanks again.

    Andrew

  7. 2 months, 18 days ago anrehman

    Hi,

    I have this reply from ThemeTrust:

    Yes, I know I gave that CSS in order to fix the top line issue, but it caused the line to appear at the bottom, so the issue is there without the CSS / that CSS is not in our theme to be a theme-related issue, it was just a CSS that didn’t work to solve the PageBuilder conflict with the Slider Revolution plugin.

    If you removed the CSS I gave you and the #main-container’s -1px margin-top and the issue still persists, then it is still a conflict between SiteOrigin and Slider Revolution, their developers should be working together to fix that issue, for me it looks like a browser height calculation issue, because there’s no border or margin that is causing it.

  8. 2 months, 18 days ago Andrew Misplon Hi, I Work Here

    Thanks for the update. Please, try the row set to Standard and not Full Width Stretched. Is Slider Revolution able to still keep the slider full-width.

  9. 2 months, 18 days ago anrehman

    Hi Andrew,

    I’ve made that amendment in our sandbox – here and slider does remain full but tested on phone and still getting that 1px line.

  10. 2 months, 18 days ago Andrew Misplon Hi, I Work Here

    You can try adding to your Custom CSS:

    .entry-content div.panel-grid:first-child {
    	margin-top: -49px;
    }
  11. 2 months, 17 days ago anrehman

    Hi Andrew,

    Sorry for the delay. That code has worked perfectly. Thank you.

  12. 2 months, 17 days ago Andrew Misplon Hi, I Work Here

    Super; glad to hear that helped! All the best with your site.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More