As stated in my original post there are issues with the CSS file: /tco-under-construction/functions/enqueue/styles.php
Lines 106, 198, 204, 212, 226 all have matco-width
as the CSS property which should be max-width
.
I can see that bypass code is there on the page but there is no key icon there to trigger the JS to have the login field appear.
I added this to the custom CSS:
.dashicons-admin-network:before { content: "\f112"; }
Now I see a missing font icon where the key icon should be. This leads be to believe there is an issue with the dash icon not loading on the front end.
Therefore in line 32 wp_enqueue_style( 'dashicons' );
where it should load the CSS for WP admin stylesheet is not being loaded on the front end, and there is no content being added for the toggle.
Furthermore if I add the following to my child theme functions.php
file:
add_action( 'wp_enqueue_scripts', 'dashicons_enqueue_frontend_dashicons' );
function dashicons_enqueue_frontend_dashicons() {
wp_enqueue_style( 'dashicons' );
}
I then see the icon like it should.
So for those in this thread looking for a workaround, just add the function to your child-theme and it should work again.