Move or Hide autofill/password manager overlays

  • Posted in : Efor
  • zenzdesign
    Participant

    Hello, how can I move or hide the “autofill/password manager overlays” on mobile?
    See circled in red here: https://prnt.sc/EvFIreoZ6nEs

    When users buy something from my store, they need to make a password. Then on mobile you get this ugly gray bar which makes it impossible for users to even see what they are typing.

    I already tried making the textfield area bigger in height but you still can’t see the password when then click the eye to show it.

    zenzdesign
    Participant

    Also want to know how I can update Jet? See: https://prnt.sc/LiygVnDkPyic

    zenzdesign
    Participant

    I switched from LearnPress to TutorLMS and the password overlay seems to be fixed.
    Now I have another issue: How can i fix My Dashboard page to make it a bit wider to fix these things circled in red here: https://prnt.sc/DDodNcJPU6Jk

    serkan
    Moderator

    Hi there, thanks for the updates.

    1. Password manager overlays (mobile)
    Good to hear that switching from LearnPress to Tutor LMS resolved the password overlay issue.
    This problem usually comes from the input styling inside LearnPress forms, so Tutor LMS using native browser fields fixes it automatically.
    No further action needed on that part.

    2. Jet update
    The “Jet” message you see refers to Jetpack, not the theme.
    To update it:
    Go to Dashboard → Plugins
    Find Jetpack → click Update
    If you don’t use Jetpack at all, you can also safely deactivate it to remove the notice.

    3. Make the My Dashboard page wider
    The Tutor LMS dashboard uses a fixed container width by default.
    If you want it to stretch a bit more on desktop, you can add this CSS:

    /* Make Tutor LMS Dashboard wider */
    .tutor-dashboard-container {
        max-width: 1200px; /* you can increase this value if needed */
    }

    You can paste it here:
    Dashboard → Appearance → Customize → Additional CSS
    This will give more horizontal room and fix the cut-off areas circled in your screenshot.
    Best regards,
    Serkan

    zenzdesign
    Participant

    Hi Serkan,

    Thank you for your reply.

    1. The Jet update is not for Jetpack but for JetElements and JetPopup. I don’t use Jetpack, but I do use JetElements because it was part of the Efor theme. And I plan on using the JetPopup. For both of these plugins it says “Activate your license for automatic updates.” and I can’t udpate from the plugins page. It looks like I didn’t get a license when purchasing Efor theme. Where can I get a license to always stay up to date with them?

    2. The LMS Dashboard wider css doesn’t work. The dashboard looks exactly the same. I tried changing the px all up to 1400 but nothing changes.

    Best,
    Zenja

    serkan
    Moderator

    Hi Zenja,
    Thanks for the clarification!

    1. About the JetElements / JetPopup license
    The Jet plugins included with the Efor theme come under the theme’s extended license, which means you don’t receive a standalone license key from Crocoblock.
    Instead, updates are provided through the theme author.

    To receive the plugin activation key, please open a request through this page:
    👉 https://www.pixelwars.org/forums/topic/tutorlms-pro/
    Just post your purchase details there, and the developer will generate the license key for you so JetElements and JetPopup can update normally.

    2. Dashboard width CSS didn’t change anything
    Thanks for testing the CSS — based on that result, it means the dashboard layout isn’t using .tutor-dashboard-container as the wrapper on your setup.
    Tutor LMS has multiple dashboard wrapper classes.
    In your case, the correct wrapper is likely:

    .tutor-dashboard-wrapper,
    .tutor-wrap,
    .tutor-container,
    .tutor-dashboard-content,
    .tutor-row
    
    
    
    To safely increase the width without breaking the layout, please try this combined version:
    
    
    /* Increase Tutor LMS Dashboard width */
    .tutor-dashboard-wrapper,
    .tutor-container,
    .tutor-dashboard-content {
        max-width: 1200px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    

    If you want the dashboard even wider, increase 1200px to 1300 or 1400.

    Why your previous CSS didn’t work
    Efor uses its own container system, so the dashboard ends up wrapped inside theme-level container classes.
    That means adding width only to Tutor LMS classes isn’t enough — we also need to override the theme container inside that page, which is what the CSS above does.

    Best regards,
    Serkan

    zenzdesign
    Participant

    Hi Serkan,

    Thank you for the reply.

    Regarding the Dashboard, it got wider with the new code. But unfortunately it didn’t solve the problem. Here is a screenshot or how it looks now: https://prnt.sc/aH1Yp71NKKr-

    The word “Complete” is still touching the border, I would like to have some margins on the right side there.

    And on the left side, there is no border, like it’s hiding somewhere. Any ideas how to solve it?

    Thanks in advance,
    Zenja

    serkan
    Moderator

    Hi,
    Could you please provide me your wp admin details via our private content box below?
    Thanks

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register