To remove the "test mode" box that appears on your Webflow published site, you need to make sure that you have completed the necessary steps to connect your site to a custom domain and enable SSL.
Here's a step-by-step guide to help you remove the "test mode" box:
1. Connect a custom domain: Make sure you have connected a custom domain to your Webflow site. This can be done by going to your project settings in Webflow and selecting the Hosting tab. Under the "Custom Domain" section, click on the "Add custom domain" button and follow the instructions to connect your domain.
2. Set up SSL: Once you have connected a custom domain, you need to enable SSL to ensure your site loads securely over HTTPS. In the Hosting tab of your project settings, scroll down to the "SSL" section and click on the "Enable SSL" button. Webflow will automatically generate SSL certificates for your domain.
3. Publish your site: After connecting your custom domain and enabling SSL, you need to publish your site to make these changes take effect. Click on the "Publish" button at the top right corner of the Webflow Designer or go to the Hosting tab and click on the "Publish" button.
Note: It may take some time for the changes to propagate. Once the publishing process completes, you can verify if your site is live and accessible on your custom domain by typing the URL into a browser.
If you have properly followed these steps and the "test mode" box still appears on your site, it is possible that there may be an issue with your domain configuration or SSL setup. In that case, I recommend reaching out to Webflow support for further assistance.