Live chat Send button disappear on mobile

Home Forums Legacy Support Support queries Styling issues Live chat Send button disappear on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #356160
    Hello WPLMS, See video for styling issue Hello WPLMS The send button disappear in the live chat on mobile if the conversation is longer than 10 messages. The problem would not be so bad if the ENTER button is used to send messages. The send button is off-screen at the bottom when the message thread between users are more than 8 message for either party
    #356196
    Ada
    Participant
    Hi, Please share a recording what issue you are facing as when I checked on your site. It was like this -> https://drive.google.com/file/d/16qPXcCno35XEKehOVjJE-4jyayXSMOHp/view
    #356228
    Hi, https://vimeo.com/545474750 The send button disappear in the live chat on mobile if the conversation is longer than 10 messages This was recorded from a mobile device
    #356406
    Ada
    Participant
    Hi, Yes, Replicated on my phone and found it's an issue. https://screencast-o-matic.com/watch/crhihvVfekl PLease ping me here tomorrow I'll check and try to solve it with custom css then I'll provide you the code . Else I'll be adding it in trello.
    #356668
    Ada
    Participant
    Hi, Please add this code in appearance>>customize>>custom css
    
    
    @media(max-width:700px){
    .vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form {
      
        margin-bottom: 3rem !important;
    }}
    
    Then check the issue and share the result.
    #357648
    Thanks for the code, works like a charm. You may close this topic. Opening another topic for a similar issue with the Start New Chat Button and Online Now Student Counter https://vimeo.com/551173486/9bc014bab2 Thank you KB
    #357738
    Ada
    Participant
    Hi, For start new chat button add this code and check
    
    @media(max-width:700px){
    .vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button {
        margin-bottom:3rem !important;
      
    }}
    
    You can manage the margin value in rem or px
    #358534
    Hello Ada, We've added the code and played with the margin value but we have not been able to get the Start New Chat Button to stick. It keeps disappearing off the screen. Thank Jevaughn TBU Support
    #358749
    Ada
    Participant
    Hi, Please replace the previous code with this one and then check.
    
    @media (max-width: 700px){
        
    .vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button {
        margin-bottom: 5rem !important;
        position:fixed !important;
        bottom:0px !important;
        right:3px !important;
      
    
    }
    
    }
    
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Live chat Send button disappear on mobile’ is closed to new replies.