Loggedin Menu and Live Chat off screen on mobiles

Last updated on by

Home › Forums › Legacy Support › Support queries › Other issues › Loggedin Menu and Live Chat off screen on mobiles

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 1, 2021 at 8:47 pm #363594
    pablocanedoq
    Participant
    Hi, When you are in the Dashboard using a mobile device, the Live Chat and Loggedin Menu section is misplaced, far to the right, and even the button that opens Live Chat is off the screen. https://screencast-o-matic.com/watch/criVYlV1mMK Please share a fix for this. Using this versions: WPLMS 4.098 Wplms Plugin 1.5.8 VibeBP 1.5.8.1
    July 2, 2021 at 1:28 pm #363705
    Veronica
    Moderator
    we can try to fix this with CSS please provide details in a private reply
    July 2, 2021 at 2:08 pm #363719
    pablocanedoq
    Participant
    This reply has been marked as private.
    July 3, 2021 at 1:34 pm #363842
    Anshuman Sahu
    Keymaster
    please try adding this custom css in your wp-admin -> customize -> custom css : 
    @media(max-width:500px){
    .vibebp_myprofile .profile_grid .profile_grid_header .start_block .dashboard_intro h3,.vibebp_myprofile .profile_grid .profile_grid_header .start_block .dashboard_intro h4{font-size: 1rem;}
}
    July 3, 2021 at 5:40 pm #363866
    pablocanedoq
    Participant
    Thanks, The code is working. Now we have all the icons inside the screen. However, I must point out that those icons in the Dashboard do not have the correct proportion. In the Dashboard: The circle in the photo is an oval. The Profile Completion rectangle is closer to being a square. And so on. In all other sections of the PWA, the icons have the normal aspect ratio / proportion. https://screencast-o-matic.com/watch/criebAV1KpY If it can be easily fixed, please share the fix. But, if finding a fix for this is a lot of work / time, let's leave it at that for now. For now, the important thing is that the icons are within the screen. I know there are other more urgent and important issues to resolve.
    July 5, 2021 at 1:29 pm #363999
    Anshuman Sahu
    Keymaster
    well we could only fix the oval issue : 
    @media(max-width:500px){
    .vibebp_myprofile .profile_grid .profile_grid_header .start_block .dashboard_intro h3,.vibebp_myprofile .profile_grid .profile_grid_header .start_block .dashboard_intro h4{font-size: 1rem;}
    .vibebp_myprofile .profile_grid .profile_grid_header .end_block .user img {
        height: 28px !important;
    }
}
    July 5, 2021 at 2:37 pm #364016
    pablocanedoq
    Participant
    The new code fixes the oval issue on the dashboard, but ruins the other sections. So for now, I'm going to keep the first code you shared.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Loggedin Menu and Live Chat off screen on mobiles’ is closed to new replies.