Здравствуйте!
Хочу изменить размеры кнопки в внешнем фрейме и что-то вообще не получается...
Вот код виджета
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/{{page_id}}/{{widget_id}}';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
window.Tawk_API = window.Tawk_API || {};
window.Tawk_API.customStyle = {
zIndex : 999
};
Tawk_API.customStyle = {
visibility : {
mobile : {
//position : 'br',
xOffset : -5,
yOffset : 20
}
}
};
})();
В документации нет ничего об изменении размера чего либо, может что-то в апи, но там тоже пусто...
Вот сама кнопка внутри фрейма
<button type="button" class="tawk-custom-color tawk-custom-border-color tawk-button tawk-button-circle tawk-button-large" tabindex="0" style="bottom: 0px; left: 0px; position: absolute; z-index: 1000; border: 0px;">
А вот класс который имеет большой размер
.tawk-min-container .tawk-button-circle.tawk-button-large {
width: 60px;
height: 60px;
}
Размеры для ПК норм, а вот для мобильного это очень много.
Может есть способ изменить или подменить?
