When I share the site locally on the internet, all the images disappear and the vertical menu is destroyed

Support
1

Issue Summary

When I share the site locally on the internet, all the images disappear, the few that are still visible have their dimensions not respected, the mega-menus have their background image that disappear. And after a few seconds, the architecture of the vertical menu on the left, which worked perfectly locally, is totally destroyed. As if the fact of having shared the site on the internet had triggered something. Now all the megamenus are on top of each other, the whole logo block disappears, the vertical menu bar of the site is totally anihilated

Troubleshooting Questions

  • Does this happen for all sites in Local, or just one in particular?
    I only work on one website

  • Are you able to create a new, plain WordPress site in Local and access it in a Browser?
    Yes

Replication

Describe the steps that others can take to replicate this issue. If you have screenshots that can help clarify what is happening, please include them!
I have not done any replication. Just shared the site on the internet to check how it behaved under Windows (I work under MacOS)

System Details

  • Which version of Local is being used? 6.7.0+6347

  • What Operating System (OS) and OS version is being used?
    Je travaille sous MacOS Catalina 10.15.7

  • Attach the Local Log. See this Help Doc for instructions on how to do so:

Security Reminder

Local does a pretty good job of scrubbing private info from the logs and the errors it produces, however there’s always the possibility that something private can come through. Because these are public forums, always review the screenshots you are sharing to make sure there isn’t private info like passwords being displayed.

2

Hi @gilloo

Nick here following up on your support request!

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. Try the tips below:

  • Run the following WP-CLI command
    wp search-replace 'SITEURL' 'LOCALURL' --skip-columns=guid

  • Replace SITEURL with your production URL like https://localwp.com

  • Replace LOCALURL is your Local Site URL like http://mysite.local

  • Trust Local’s SSL certificate

  • Disable certain types of plugins: caching, security, force HTTPS/SSL

If you’re not sure if any of your themes or plugins are holding on to cache or have CSS to regenerate, you could check this list for starters: The Flywheel guide to clearing your theme/plugin cache

If you’re still having trouble with Live Links, you could use a hosted Demo or Staging site to share with clients. Flywheel offers free 14 day demos for example: Demo Site

3

Thank you for your, it’s very nice.
A question: this order that you tell me to do, how do I do it ? where? with what ? (sorry but I’m not a developer)

4

I just redid my site locally with just the vertical navigation menu, without the MegaMenu tree structure, and well there too, the images used as background in an Elementor container systematically disappear when I view the site online using the Local live link. Is there a bug between Elementor and Visual with the live link?

5

Hi @gilloo

WP CLI commands can be run by clicking on Open Site Shell under your site name in Local and opening a terminal window. There are also some plugins that can help with things like this such as Better Search and Replace.

With Elementor, sometimes you need to Regenerate CSS to refresh things as well. There should be instructions on that link I shared above^

6

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.