Can’t find or change Header login modal.

Current implementation can be at test site here. The element is part of a four-column menu embedded in the page, not the actual header: https://dirgemagazine.com/

I was able to target the desktop modal for styling through CSS after inspecting the elements of the popup. I was not able to do this with the mobile version.

I tried using the Moda Pop-up element, but I found it confusing in this context and couldn’t corrolate it to this modal.

I activated the Mobile Theme early on and it enacted some unsavory effects (such as setting all post types to mobile), which persisted even after deactivation. I had to fix that by executing a code snippet. I can’t tell if this mobile header login modal was imposed by the Mobile Theme.

I set the colors and fonts while Mobile Theme was activated, and it had no effect. I deactivated mobile theme again, and there was still no change.

I either need to know the specific classes that inform this mobile modal, or I need to know where I can go to actually style it. Nothing I have tried has seemed to affect it whatsoever.

Of secondary concern, the mobile version of the modal includes an arrow that, when clicked, invites me to use the menu creator, which I do not understand at all in this context, and does not seem intentional.

Thank you.

Hello. I’m sorry, your response doesn’t make a lot of sense to me. I am using a hamburger menu for the categories list, yes. For the log in menu, I am using the “Header login” element. I know the pop up is mobile – I was able to style the desktop version, but what I can’t discern is how and where to style the mobile version of the popup.

Specifically, I was able to target td-login-modal-wrap, and .mfp-container, and elements within #td-login-div like td-login-form-div, .td-login-button, etc to style the popup generated on desktop when that Header login element is clicked.

What I couldn’t find through any means I used, was what containers and elements were called when generating the mobile version.