Przejdź do treści

Jak zmienić, żeby na urządzeniach mobilnych czat wyglądał tak samo jak w na zwykłym komputerze?

Aktualizacja: Wyświetleń: 2649 1 min czytania
Aby czat wyglądał tak samo zarówno na urządzeniach mobilnych jak i na WWW na zwykłych komputerach przejść do edycji swojego widgetu czatu znajduje się to w menu Ustawienia > Konfiguracja Live Chata > Więcej opcji  w polu Dostosowanie wyglądu . 

Należy tam wkleić poniższy kod CSS i zapisać

@media(max-width:500px) {

    html body .sugester-chat-leave-form .sugester-chat-text {

        height: auto !important;

    }



    html body #sugester_chat_leave_email.sugester-chat-input {

        height: auto !important;

        padding: 7px 5px !important;

    }



    html body #sugester-chat .sugester-chat-box {

        bottom: 0 !important;

        height: 325px !important;

        left: auto;

        position: fixed;

        right: 35px !important;

        top: auto;

        width: 276px !important;

    }



    html body .sugester-chat-tab {

        border-radius: inherit !important;

        bottom: 0 !important;

        height: 30px !important;

        padding: inherit;

        right: 20px !important;

        width: 276px !important;

        z-index: 999;

    }



    html body .sugester-chat-box textarea.sugester-chat-input {

        height: 21px !important;

        width: 172px !important;

    }



    html body .sugester-chat-box .sugester-chat-button {

        border-radius: 15px;

        display: inline-block !important;

        margin: auto !important;

        width: auto !important;

    }



    .sugester-chat-box .sugester-chat-content {

        height: 227px;

    }



    html body .sugester-chat-box .sugester-chat-content > div.sugester-chat-leave-form .sugester-chat-button {

        border-radius: 2px;

        display: inline-block !important;

        margin: auto !important;

        width: 100% !important;

    }



    html body .sugester-chat-box.offline-message .sugester-chat-content {

        height: 265px !important;

    }

}


Czy ten wpis był pomocny?

Udostępnij

Komentarze