Embed Code Causes Loading Circle on Site Load

Hey all,

I have a website that I have created for a client. They use Jobber which is a CRM. I’ve added the Jobber code to the website under the Contact section, specifically for the contact form. That’s all easy. The problem is that when the site first loads, right in the middle of the hero, you see a loading circle of some sort. I’ve isolated it to this embed code and I am wondering if there’s something I can do to stop that circle from appearing.

Read-only site

Thank you very much for your help.
Screenshot 2023-06-10 at 5.09.59 PM

Hey Adam,

Since Jobber is creating it, they may have a configuration setting or script option to disable it. You’d need to contact them to determine that- however that’s by far the best way. Anything else is a hack.

If, however hacking is your only option- it appears in the current version, the circle appears when their scripts add a jobber-spinner class to the div element in your code embed, near the bottom of your page.

You should be able to suppress it with CSS;

.jobber-spinner {
  display: none !important;

I’d keep it with the Jobber embed, like so;

1 Like

This “hack” worked like a charm, @memetican. Thank you very much! If Jobber changes anything with their script which causes it to reappear, we can reach out to them. Thanks again for your help!

1 Like