Site logo

Archived topic

New feature Elements

3 replies · Started by Jagoba on October 16, 2019

Viewing posts 1–4 of 4

Hi there,
Yesterday I added some code on Element/Hook (entire site >> because it is a landpage) to show a facebook chat and now it looks with a new scroll bar on bottom with white spaces on the right. Could you help us?

<!-- Load Facebook SDK for JavaScript -->

<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v4.0'
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="119133026144055"
theme_color="#974fd9"
logged_in_greeting="Hola, ¿podemos ayudarte?"
logged_out_greeting="Hola, ¿podemos ayudarte?">

Hi there,

it looks like the Elementor section with this title: OFERTA EN DISEÑO WEB POR TIEMPO LIMITADO is causing the issue.
The right hand column has huge negative right margin which is causing the overflow.

Either change that or give that Section a CSS Class of: overflow-hidden

And add this CSS:

.overflow-hidden {
    overflow: hidden;
}

Thanks!

You're welcome

This archived topic is closed to new replies.