Hi @desmetjozef,
We checked the screenshot you shared, and it looks like the issue might be caused by a conflict with other resources, which is affecting the mobile design. Could you please share the login page link with us? We’ll check it and get back to you with a solution.
Best regards!
Hi @desmetjozef,
Since we haven’t received any response for several days, we believe the issue has been resolved.
If you still need help or have questions about the same topic, please create a new topic and include this conversation link. We’ll get back to you as soon as possible.
@desmetjozef Please do not create duplicate topics again. Your new topic was archived and removed.
You can continue here and mark your own topic as unresolved if you wish.
@shresthauzwal Please do not ask people to create topics for the same thing.
Weird things are happening on your support, I was conversing with one of you, and someone else deletes this.
What is this, and why?
The conversation was here but has disappeared:
https://ww.wp.xz.cn/support/topic/display-mobile-not-resolved/#post-18474401
If you can still follow along and remember what it is about, here is the login link you requested:
https://singlesbelgie.be/hieristtedoen/
My wordpress version: 6.8.1
My php version: 7.4.14 (Supports 64bit values)
Hi @desmetjozef,
Thank you for sharing the link.
We checked the issue and found that the design problem is caused by the theme. Some CSS in the theme is written specifically for default classes, which affects the design of the User Registration & Membership login forms.
To fix this, please add the following CSS code by going to Dashboard > Appearance > Customize > Additional CSS:
.user-registration-form-login p.user-registration-form-row.user-registration-form-row--wide.form-row.form-row-wide {
display: block !important;
}
@media (max-width: 768px) {
.ur-frontend-form.login {
padding: 15px 20px !important;
}
.user-registration-form-login .ur-form-row {
display: block !important;
}
.user-registration-form-login div#ur-recaptcha-node {
max-width: 100% !important;
overflow: hidden;
}
}
Please also make sure to clear any cache on your site after adding the code so the changes take effect.
Best regards!
Now it displays properly, only the captcha does not display properly (only half)
Screenshot_20250524_080335_Firefox.jpg
Hi @desmetjozef,
Please try the following CSS code to add more space to your login form on smaller screens:
@media screen and (max-width: 575px) { body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount), body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount) { padding: 0 !important; } }
Regarding the cropped icon, unfortunately, it cannot be customized because it comes from an iframe, and iframe content cannot be changed using custom CSS.
We’ve reviewed your case and noticed that the issue may be caused by conflicts with other themes. We’ve reported this to our development team, and we’ll work to prevent such design conflicts in future updates.
Best regards,
You gave me the css code below a while ago, now I have discovered that it blocks the login, and password reset.
You have to click login 2 times and password reset 2 times before it works, have now removed the css code and now it does work with of course the poor display on a mobile.
.user-registration-form-login p.user-registration-form-row.user-registration-form-row–wide.form-row.form-row-wide {
display: block !important;
}
@media (max-width: 768px) {
.ur-frontend-form.login {
padding: 15px 20px !important;
}
.user-registration-form-login .ur-form-row {
display: block !important;
}
.user-registration-form-login div#ur-recaptcha-node {
max-width: 100% !important;
overflow: hidden;
}
}
Hi @desmetjozef,
We checked the provided code, and it does not include any button-related functionality. Also, the CSS code you’re using does not affect the behavior of the login buttons.
We recommend clearing all your caches and temporarily deactivating any minification plugins, such as Hummingbird, which is currently active on your site. These types of plugins often interfere with how elements load and function.
For your reference, we tested the same code on our end and were unable to reproduce the issue.
From our investigation, it seems the design and functionality issues on your site are likely caused by resource conflicts. For a more permanent fix, we highly suggest performing a manual conflict test. Please follow this step-by-step guide: https://docs.wpuserregistration.com/docs/how-to-check-plugin-theme-conflict/
These types of issues are commonly triggered by caching and optimization plugins, so isolating the conflict will help identify the root cause.
Let us know how it goes or if you need any help with the steps.
Best regards,
Since we haven’t heard back from you, we’ll go ahead and mark this topic as resolved. We assume the issue has been addressed. If you still need help, feel free to reopen the topic at any time.
Thank you!
