The “Edit with Lovable” button appears because your domain is connected to your Lovable (formerly Lovable.dev) account, the AI-powered website builder. To remove it permanently, simply disconnect the domain from the Lovable dashboard or change the server names (DNS). It only takes two minutes.
If you see a floating button on your website that says “Edit with Lovable” and it bothers you (or you’re embarrassed for your visitors to see it), don’t worry, it’s very common and there’s a quick fix. Thousands of people are looking for the solution to this visual problem, and here I explain it step by step: how to remove the “edit with Lovable” button once and for all.
Why does the “Edit with Lovable” button appear?
Lovable is an artificial intelligence website builder. When you create a website with them and connect your own domain (for example, mydomain.com), they automatically add that floating button so you can easily edit the page.
The button isn’t bad, but:
- It looks unprofessional on sites that are already finished.
- It can confuse visitors.
- Sometimes it takes up space on mobile devices.
The good news: you have complete control and can remove it in minutes.
Solution 1: Disconnect the domain from Lovable (the fastest and cleanest)
This is the recommended method because it removes the button 100% and also frees up your domain.
Exact steps:
- Go to app.lovable.dev and log in with the account you used to create the site.
- Click on your project (the site that has the button).
- Go to the left side menu and click on “Settings.”
- Find the “Custom Domain” section.
- You will see your connected domain and a button that says “Disconnect.”
- Click there and confirm.
Done! The button will immediately disappear from your website and your domain will be free to use with another hosting or builder.
Solution 2: Change the server names (DNS) – If you no longer use Lovable
If you have already migrated your website to another hosting provider (such as Neolo) but the button still appears, it is because the DNS still points to Lovable.
What to do:
- Log in to your domain provider’s control panel.
- Change the nameservers to those of your new hosting. Example with Neolo: ns1.neolo.com ns2.neolo.com
- Save the changes and wait a maximum of 24 hours (usually 5-10 minutes).
This will stop the site from loading from Lovable’s servers and the button will disappear for good.
Little-known tip that no one tells you
If for some reason you can’t access your Lovable account (you forgot your password and email), open a ticket at https://lovable.dev/support and ask them to disconnect the domainmanually.
Attach proof that the domain is yours (screenshot of the registrar’s panel). They will resolve it in less than 24-48 hours and won’t charge you anything.
Can you remove just the button without disconnecting the domain?
Not officially. Lovable does not offer an option to hide it because it is part of their system.
Tricks with CSS (display:none) work temporarily, but every time you save changes in Lovable, the button reappears. That’s why the only 100% effective solution is to disconnect the domain.
Conclusion
Removing the “Edit with Lovable” button is very easy: the fastest way is to disconnect the domain from the Lovable panel or point the DNS to another hosting service. In less than 5 minutes, your site will look clean and professional.
If you have already decided to migrate your website to a hosting that is more powerful and flexible, at Neolowe will migrate it for free and help you with the transfer and configuration of the domain.
FAQs about the controversial Lovable button
Does the button only appear on mobile devices or also on computers?
It appears on both, but on mobile devices it is usually more annoying because it takes up more screen space.
Does disconnecting the domain delete my site from Lovable?
No, your project is still stored on Lovable. Only the domain is disconnected.
Can I reconnect the domain later?
Yes, as many times as you want.
Will I be charged for disconnecting?
No, it’s completely free.