The WP 2FA Login button doesn’t appear

Hi @ormgrecipes,

I’m sorry to hear about this unexpected issue! Let’s troubleshoot this together.

A couple of questions to help us get to the bottom of this:

WP 2FA Version: Which version of the plugin are you currently using?

Custom Login Page: Are you using a custom login page/form? If so, could you share which plugin is handling it and any customizations that might be applied?

Default WordPress Login Form: If the default WordPress login page is still enabled, could you test whether the same issue occurs there? This will help determine if the issue is related to the custom login form.

If possible, please share screenshots or any other details about your setup—this will help us analyze the situation better.

Looking forward to your response!

Hello, thank you for the quick response. Here’s the info you requested:

1. WP 2FA Version:?Which version of the plugin are you currently using?
ver 2.8.0

2. Custom Login Page:?Are you using a custom login page/form?
I am using the WPS Hide Login plugin ver. 1.9.17.1. No customizations needed. You only need to name the link you want to use to log in to WP.

3. Default WordPress Login Form:?If the default WordPress login page is still enabled, could you test whether the same issue occurs there?
This plugin automatically redirects to a 404 page so the wp-login.php link is disabled. I did a test today by temporarily disabling the WPS Hide Login plugin and then tried to log in with the default WP login link and it did not work either.

It does work on mobile which I find strange. I’ve included a screenshot of what it looks like on the desktop. You can view the screenshot here. Hopefully, this info will be helpful in finding a solution.

Hello @ormgrecipes!

Thank you for all the details provided!

Based on what we have so far, it doesn’t seem like the WPS Hide Login plugin is the culprit here. Since the login button appears correctly on mobile but not on desktop, this could indicate a CSS-related issue, possibly due to a theme or another plugin hiding or overlapping the button.

Here are a couple of things to check:

1. Inspect the Page Source
   • Right-click on the 2FA login page and select “View Page Source” or use Developer Tools (F12 > Elements tab).
   • Look for the login button’s HTML (<button> or <input type="submit">).
   • If it’s there but not visible, it could be hidden via CSS (display: none; or visibility: hidden;).
   • On a vanilla installation, the default CSS for this log in form should look like this – you can try adjusting padding/margins while in inspect mode and see if you manage to find if anything might be overlapping the bottom part of the form.
2. Temporarily Disable Other Plugins or Theme Elements
   • Try disabling your theme and switching to a default WordPress theme (like Twenty Twenty-Four) to see if the button appears.
   • If that fixes the issue, the theme might be affecting the button’s visibility.
   • You can also disable plugins one by one to see if another plugin is interfering.

Here’s a screenshot of what the login button code should look like in a working scenario: Screenshot here.

Let me know what you find, and we’ll continue troubleshooting from there!

Thank you for the information, I haven’t had a chance with work to get back to you but I will try your suggestions and report back once I nail down the problem. Thanks!