Live link blocks CSS files

When I create a live link and then call up the page, the layout looks broken. In my opinion this happens because some CSS files are blocked.

I simply enabled the live link and then had the problem. I am using Element 3.21.1.


System Details

  • Local Version:

Windows 11, 22631.3447


local-lightning.log (10.8 KB)

Hi @cheffe101

It looks like there is some mixed content called out in your console.

Live Links don’t match your Local Site URL (ie: mysite.local), so Local attempts to rewrite these on the fly. Live Links is broadly compatible with many themes, plugins, and custom code snippets. However, some images, front-end assets, or other HTML elements may be missing from your site when viewing it over Live Links.

As a first step you can try running a search and replace command to help clean up any mixed content type errors. To do this you can simply click on Open Site Shell in your Local app under your site name. The command would look something like this:

wp search-replace 'SITEURL' 'LOCALURL' --skip-columns=guid

As a tip you would:

You’ll also want to make sure you Trust Local’s SSL certificate, to help avoid insecure content as well.

If you’re still noticing issues, check to see if you have plugins or themes that retain caching or have a “Regenerate CSS” option. These may need to be refreshed in order for changes to be displayed.

There may be other plugins getting in the way as well if they are trying to force SSL/HTTPS.

If you’re still having issues you might open up the console of the page and see what errors are present. Is it still showing some mixed content or some other type of issue?

You might try viewing it in an incognito window, a different browser, or over LTE Data instead of WiFi to see if caching is getting in the way as well.

As another workaround, if you’re still having trouble, you could try pushing the site up to a Demo to see how it looks there. Flywheel offers free 14 day Demos that you could test out: Demo Site

1 Like

Hi,

thanks a lot! The regenerate CSS option in Elementor solved it.

1 Like

Oh I guess I was a bit to optimistic. :wink:
The homepage now works. But if I click on any link on my nav-menu I get this error:

Do you have any idea how to tackle this problem?

Hi @cheffe101 -

Can you copy that Fatal error you’re seeing into your post?

Sam