Remove Widget's Call to Action Button Label for Mobile view

In this 3rd part, we'll remove the label of our widget's call to action button to save more screen space. A mobile device has a narrow screen width and the label make the screen looked cramped.

There's an option to remove it from the widget builder page of the [Qiscus ][https://www.qiscus.com] Multichannel Integration Page. But It'll affect both web and mobile view.
Widget Builder

If we only want to remove the label on mobile view, we can do it with the help of CSS Media Query as described in this interactive screencast.

Or if you're in a hurry just copy and paste this code snippet:

<style>
@media (max-width:600px) {
   .qcw-cs-trigger-button div, .qcw-trigger-btn div {
      display: none;
   }
}
</style>

The following is an example if the widget is accessed from the browser
web view

And if the widget is accessed from a mobile browser, the label is hidden
mobile view

推荐文章

打印程序

打印程序

推荐文章

Wordpress中的jQuery不工作?

Wordpress中的jQuery不工作?

推荐文章

VB脚本+如何在VB中创建延迟

VB脚本+如何在VB中创建延迟

推荐文章

LinkedHashMap签名

LinkedHashMap签名

推荐文章

为什么我的应用程序只使用了大约36MB的内存,但我仍然收到内存不足警告?

为什么我的应用程序只使用了大约36MB的内存,但我仍然收到内存不足警告?

推荐文章

分组相同的WCF请求

分组相同的WCF请求

推荐文章

Asp.Net切换数据绑定复选框的选中属性

Asp.Net切换数据绑定复选框的选中属性

推荐文章

设置UILabel淡入/淡出动画

设置UILabel淡入/淡出动画

推荐文章

头文件中的类

头文件中的类

推荐文章

WinPac-8000 OPC服务器网络访问

WinPac-8000 OPC服务器网络访问

推荐文章

rails检查页面是否被翻译

rails检查页面是否被翻译

推荐文章

将GIF图像转换为nsdata

将GIF图像转换为nsdata

推荐文章

使用jQuery的.each()时,JSLint的function-in-a-loop错误如何应用?

使用jQuery的.each()时,JSLint的function-in-a-loop错误如何应用?

推荐文章

只选择第三个li

只选择第三个li

推荐文章

SimpleXML-使用先前声明的命名空间添加新节点-如何?

SimpleXML-使用先前声明的命名空间添加新节点-如何?

推荐文章

使用node.JS和Socket.IO时出现路径和其他问题

使用node.JS和Socket.IO时出现路径和其他问题