I have begun taking over this site for some fixes from a previous designer. The issues I am currently faced with is the placement of this modal pop up, as I only need to bring it down into view. I have looked at the custom code section of the dashboard with no luck, and I have looked for the design on each of the pages but I cant seem to find this and am unsure of where I should be looked.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
I see it all on your staging site but none of the classes shown are found in your document. Multiple iframe elements on the page.
I do see some custom code in your page settings.
So I found the form on HubSpot and now I can only assume that the custom code in the footer is linked to it but I don’t understand where I can go to make adjustments
looking through the inspector I can see that the issue specifically is this:
@media only screen and (max-height: 700px) {
.leadinModal.leadinModal-theme-default {
max-height: 94%;
padding-top: 50px;
}
}
That padding top is causing the issue. What I struggle with is finding where to rectify that
One interesting thing to note is that I do not have the same issue on my end. When viewing here: https://swap-rebuild.webflow.io/ (Does this page display your latest published version of the site?)
The form is never covered up by the nav as shown in your screen grab. Even on smaller viewports, or when I zoom in/out of the page. Have you attempted to view the page after emptying your browser cache or in Incognito mode? I wonder if your personal view of the page is showing something funky due to a conflict in stored styles?
There might be more info here, but the embed code sample doesn’t look like the custom code in your homepage’s setting.
Thats very interesting. Yes that page is up to date. Let me try to empty my cache but that is great insight. Thank you for providing that link as well.