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
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ć
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 testowyPowrót
Dodaj komentarz