Support » Plugin: Essential Addons for Elementor » Responsive settings for EA Login | Register Form

  • Resolved naomibuch

    (@naomibuch)


    Hello,

    Thank you for this wonderful free plugin, I am having a hard time adjusting the settings in responsive mode with the EA Login | Register Form in Elementor.

    How do I align the settings without or with CSS? The page has a lot of white space and the text is running off the side. The viewpoint is not in absolute position.

    see the link.

    Thanks a bunch!

    Naomi

    • This topic was modified 4 months ago by naomibuch.
    • This topic was modified 4 months ago by naomibuch.
    • This topic was modified 4 months ago by naomibuch.
Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Support AR Rasel

    (@arrasel403)

    Hi @naomibuch,

    Hope you are doing well. Sorry for the inconvenience.

    I have tried to access the share link. But I am not able to access it. I am getting like this screenshot.

    Can you please share the correct page URL? So I can check and help you.

    In the meantime, if you are using any caching plugin, please deactivate the caching plugin and regenerate assets, you can go to wp-admin -> Essential Addons then, switch to the ‘Tools’ tab, and hit the ‘Regenerate Assets’ button. Check out this screenshot.

    Also, make sure to Regenerate Files from wp-admin -> Elementor -> Tools as well. Check out this screenshot.

    If the issue still persists, please try clearing your browser cache or try another browser too.

    Let me know how it goes. Thank you.

    Thread Starter naomibuch

    (@naomibuch)

    Hello.

    I am having difficulty posting a link

    link

    Can you see this?

    How do I narrow the width of EA Registration in responsive mobile mode? The fields are causing the screen to overlap.

    Can you provide me with the plugin CSS, I am familiar with CSS but I don’t know the plugin CSS.

    Thanks

    • This reply was modified 4 months ago by naomibuch.
    Plugin Support AR Rasel

    (@arrasel403)

    Hi @naomibuch,

    Sorry for the inconvenience caused.
    Can you please share the webpage URL to your site? So we can check and help you to fix it.

    Let us know. Thanks!

    Thread Starter naomibuch

    (@naomibuch)

    Hello,

    This is my website link

    Thanks!

    Plugin Support AR Rasel

    (@arrasel403)

    Hi there,

    Thanks for sharing the page URL. Please use the below custom CSS code and retry once.

    .eael-lr-form-wrapper {
      width: 100% !important;
    }
    .eael-lr-form-wrapper.style-2 .lr-form-wrapper {
      width: 100% !important;
    }

    You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

    I hope this will help you. Let us know how it goes.

    Thanks!

    Thread Starter naomibuch

    (@naomibuch)

    Hello,

    You have to buy the pro version in order to apply the CSS code, I thought WordPress didn’t allow support for Pro features? I was thinking about purchasing the pro version of social login features but if I can’t get the mobile version styled correctly the plugin won’t be of any use.

    Thanks!

    • This reply was modified 4 months ago by naomibuch.
    Plugin Support AR Rasel

    (@arrasel403)

    Hi @naomibuch,

    You can add the custom CSS code from here: go to Appearance > Customize > Additional CSS and then copy and paste the above CSS code and save it.

    And then retry. Hope your issue will be fixed.

    Let us know how it goes.

    Thanks!

    Thread Starter naomibuch

    (@naomibuch)

    Hello,

    I did that, and it didn’t fix it, the reason it’s not fixed on the mobile view is, it’s too much white space to the right, I’ve even removed the log in section, it helped a little but the screen on mobile isn’t fixed, it moves around due to the white panel is too wide.

    Thanks,

    Naomi

    Plugin Support AR Rasel

    (@arrasel403)

    Hi @naomibuch,

    Sorry for the inconvenience caused.
    Please use the below custom CSS code and retry once.

    .eael-lr-form-wrapper .eael-lr-form-group.eael-w-60 {
      width: 100% !important;
    }

    Let us know how it goes. Thanks!

    Thread Starter naomibuch

    (@naomibuch)

    Hello,

    That CSS code didn’t work either, I tried changing the 60 to 10 to test if the code worked at all, it didn’t! the screen still moves around because the white part is too wide, can you provide a way to shorten the width on mobile, the Desktop is perfect. Doesn’t when you are referencing mobile devices the CSS has to begin with @media?

    Thanks!

    • This reply was modified 3 months, 4 weeks ago by naomibuch.
    • This reply was modified 3 months, 4 weeks ago by naomibuch.
    Thread Starter naomibuch

    (@naomibuch)

    Hello,

    I figured out another way to fix the problem without CSS.

    Thanks for all your help.

    Plugin Support AR Rasel

    (@arrasel403)

    Hi @naomibuch,

    Good to know that your issue is fixed. Thanks for your valuable update.

    I am closing this and another topic with the same issue.

    Have a good day!

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.