Loggedin Menu and Live Chat off screen on mobiles

[pablocanedoq]

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

[Veronica]

we can try to fix this with CSS please provide details in a private reply

[pablocanedoq]

This reply has been marked as private.

[Anshuman Sahu]

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

[pablocanedoq]

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.

[Anshuman Sahu]

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

[pablocanedoq]

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