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
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.
You could perhaps send the above feedback to ThemeTrust to close out the issue.
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
Hi, thanks for your reply.
It would be best to turn off caching and file combination while troubleshooting.
Hi Andrew,
No probs that’s done for you.
Thanks
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
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.
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.
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.
You can try adding to your Custom CSS:
.entry-content div.panel-grid:first-child { margin-top: -49px; }Hi Andrew,
Sorry for the delay. That code has worked perfectly. Thank you.
Super; glad to hear that helped! All the best with your site.