1
I have on my page a script that inserts the Like and Share button and my site has responsive feature and when resized the text is not adjusted on the page. The only thing I have is this script here:
I forgot to insert a div I have before the script, it’s like this:
<div id="facebook"></div>
(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 = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
The example can be seen here when resizing the page, see: Page with Like and Share buttons
I tested here and saw no problems.... Which browser is using?
– Rafael Withoeft
Hello @Rafaelwithoeft, I’m testing on Chrome, the text gets cut at the end.
– adventistapr
The only text you cut out of this case was the
Cadastre-se para ver do que seus amigos gostam. That’s who’s cutting for you too?– Rafael Withoeft
Yes @Rafaelwithoeft, that too
– adventistapr
Try creating css mediaqueries, for the buttons, in case the class and id you can overwrite are: . pluginButtonContainer {width: 200px; text-align:center} and #u_0_3 {...}; Just adapt to your code and test if it will work. And create the mediasqueries that in case I didn’t, I just demonstrated how css could be.. the rest is in your hand now...
– Rafael Withoeft
Try to put in your code:
#facebook td, td.label {
 display: inline-block;
}in the mediaqueries, I believe it will solve.– Rafael Withoeft
Managed to solve his Adventist problem?
– Rafael Withoeft
Hello @Rafaelwithoeft, forgive my ignorance on the subject css, I inserted the suggested code in the mediaqueries but nothing happened, I made an edit on the question and put the div that comes before the script, it is named <div id="facebook"></div>
– adventistapr
I do not identify the button. Only the div.
– Lollipop
Hello @Lollipop, I also see nothing about button, only div and javascript.
– adventistapr
Is this the problem? Nothing appears?
– Lollipop
The buttons appear, but when the browser resizes the text: Be the first of your friends to like this.
– adventistapr