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

Utworzono: 2016-09-12
Ostatnia aktualizacja: 2022-06-20
Liczba odwiedzin posta: 2011

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;
    }
}



 

Zarządzaj całą swoją firmą w jednej aplikacji. Wypróbuj Sugester przez 30 dni za darmo!

Rozpocznij darmowy okres testowy


Powrót


Dodaj komentarz