<script>
(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/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v7.0'
});
};
</script>
<div class="fmessengerBtn">
<div id="fb-root"></div>
<div class="fb-customerchat"
attribution=setup_tool
page_id="1234"
theme_color="#A3732C"
greeting_dialog_display="fade"
greeting_dialog_delay="10"
logged_in_greeting="Hi! How can we help you?"
logged_out_greeting="Hi! How can we help you?"
</div>
</div>
Just having a problem with sizing on mobile devices, is there a way to make the fb messenger icon smaller on mobile devices. I've tried using style but just moved it around the page not actually making it smaller.
Have you tried to add a breakpoint for mobile screensizes. Like:
@media only screen and (max-width: 480px) {
.fmessengerBtn {
width: ...px;
height: ...px;
}
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.