> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 移动聊天按钮

相信大多数使用手机导航栏的人都会遇到聊天按钮遮挡页面底部按钮的问题，这个文章主要就是把 Facebook Messenger 聊天按钮往上移动远离手机导航栏 :)

![](https://storage.crisp.chat/users/helpdesk/website/5be0d31b659db800/b7c83159-d68a-4930-b1d8-f9832c_1w71p6j.png)

|||  ⚠️注意：  如果您更换到新的主题模板的话，需要重新编辑 HTML/ CSS。以下编码只适用在销售渠道的Facebook Messenger聊天按钮。  

---


### 如何移动 Facebook Messenger 按钮

**步骤 1：**前往EasyStore后台 > 销售渠道 > 线上网店 > HTML/ CSS > 寻找 **theme.scss**

  
**步骤 2：**在 **theme.scss** 最底部添加以下编码。  

``` div#fb-root iframe {bottom: 90px !important;}```

![](https://storage.crisp.chat/users/helpdesk/website/22b2d4c3337b2000/722f538b-b038-44bf-b1f2-019523_1lra11x.png)

**步骤 3：**设定好以后，点击储存便完成啦！  


---


  
完成的例子如下：

### 手机版

![](https://storage.crisp.chat/users/helpdesk/website/1cd00b871b3d5100/5ec9b29d-5a56-46cd-b354-891d8f_1v60i6k.png)

### 电脑版

![](https://storage.crisp.chat/users/helpdesk/website/752aea1f193e8800/c2ec9fd8-4bcd-404e-8343-994924_1m0tvfz.png)