How to full display the page?

Hi,

Thank you for the inquiry.

You can create a link or a button and add the class name “lightbox” to it.

Example:

<a href="https://www.site.cn/inquiry/?iframe=true" class="lightbox">Inquire</a>

The page should automatically display in a lightbox container once the button is clicked.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the height of the lightbox container.

.mfp-iframe-scaler {
    padding-top: 90%;
}

Best regards,
Ismael

Hi,

To remove the footer, edit the page containing the contact form then select the Blank No Header, No Footer page template.

// https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-custom-page-templates-for-global-use

For mobile view, try to adjust the top padding value in the css code that we suggested above.

Best regards,
Ismael

Hi,
Thanks for the login and your patience, I found that your contact form was inside a column element on your iframe page, I removed this and added this css to remove the top & bottom padding from the iframe page and make the popup 100vh to remove the scroll bar.
Please note that if your screen size is smaller than the content the scrollbar will show, for example some of your screenshots look like a mobile device in landscape mode and the whole contact form doesn’t show, in this case the scrollbar is needed so the user can see the whole form.

#top.page-id-1870 .template-page {
padding: 0;
}
div.mfp-iframe-scaler  {
  height: 100vh !important; 
  width: 100vw !important;
  }
.mfp-iframe-scaler iframe { 
    width: 90% !important; 
    height: 81% !important;
}

Best regards,
Mike