Dialogflow Messenger 聊天图标位置

Dialogflow messenger chat icon position

我已成功将 Dialogflow Messenger 嵌入到我的网站中，但是，当它处于移动视图时，聊天图标有点挡住底部导航栏（请根据您的喜好查看屏幕截图）

谁能告诉我如何将聊天图标上移？我尝试了不同的方法都没有成功

Javascript: document.querySelector('df-messenger').shadowRoot.querySelector('.df-messenger-wrapper').querySelector('#widgetIcon').setAttribute( 'style', 'bottom:30px'); */
css: button#widgetIcon 也不起作用，可能是因为#shadow-root（打开）

对于想要更改图标位置的人。我找到了使用 javascript

的解决方案

dfMessenger.addEventListener('df-messenger-loaded',  function (event) {
    dfMessenger.renderCustomText('Welcome to the new and improved version of Dexter');
    document.querySelector('df-messenger').shadowRoot.querySelector('.df-messenger-wrapper').querySelector('#widgetIcon').style.bottom = "5vh"
});