Responsive settings for EA Login | Register Form

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.

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 2 years, 1 month ago by naomibuch.

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!

Hello,

This is my website link

Thanks!

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!

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 2 years, 1 month ago by naomibuch.

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!

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

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!

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 2 years, 1 month ago by naomibuch.
• This reply was modified 2 years, 1 month ago by naomibuch.

Hello,

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

Thanks for all your help.

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!