نمایش دکمه پیام بر اساس دستگاه

این راهنما نحوه کنترل نمایش دکمه پیام WSMS در دستگاه‌های مختلف با استفاده از CSS را توضیح می‌دهد.

نمایش فقط در موبایل

برای نمایش دکمه پیام فقط در دستگاه‌های موبایل:

1. به Appearance → Customize بروید
2. Additional CSS را انتخاب کنید
3. این کد را اضافه کنید:

.wpsms-chatbox {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .wpsms-chatbox {
        display: block !important;
    }
}

4. روی Publish کلیک کنید

نمایش فقط در دسکتاپ

برای نمایش دکمه پیام فقط در دستگاه‌های دسکتاپ:

.wpsms-chatbox {
    display: block !important;
}

@media only screen and (max-width: 600px) {
    .wpsms-chatbox {
        display: none !important;
    }
}

تنظیم نقطه شکست

عرض 600px یک نقطه شکست رایج برای دستگاه‌های موبایل است. این مقدار را متناسب با نیازهای طراحی واکنش‌گرای قالب خود تنظیم کنید.

مرتبط

• تنظیمات دکمه پیام - پیکربندی دکمه پیام