Hello. I’m a new local user and relatively new to Wordpress web design. I have a website ready for client draft review and I’m trying to send the live link. The link link and credentials work but there’s a significant formatting shift from what I experience in my local versus what I’m seeing on live link. I expected this in moving from staging to production but not in using the live link functionality. Any thoughts on what’s happening here? Screenshot examples of live link vs local are attached. In the live link the nav menu is fully exanded, not centered, and has odd pink formatting. Also showing a screenshot of the footer which has unexpected bullets included.
Troubleshooting Questions
Does this happen for all sites in Local, or just one in particular? I only have one site at the moment.
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! Screenshots attached
What Operating System (OS) and OS version is being used?
macOS Catalina 10.15.7
Attach the Local Log. See this Help Doc for instructions on how to do so:
Attached
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.
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
Hi, I am having the same issue.I can preview my website perfectly on Wodpress and elementor. But when I use the Live links, things are messed up, especially the menu on mobile.
I tried to follow the tips you mention, but I don´t know how to do that… could you maybe explain in more detail? thanks so much!
Another issue could be mixed content, which is what I was trying to detail fixing above. For a more comprehensive guide on fixing mixed content you could start here:
If you’re still having trouble with Live Links, an alternative solution to share the site would be to push it up to a demo. Flywheel offers 14 day free demos that you utilize for example: Demo Site
Thank you so much for the quick answer.
Actually I would be interested to know if this is just a problem when viewing it while the site is still on Local, or if the problem will remain once the website is live with a hosting?
I don’t need to share the website with anyone. So as long as I know that the website will be seen exactly as I see it on wordpress/elementor preview, I am fine (I guess?)
No problem, I understand your concern. Issues like this will usually boil down to caching or mixed content. When you move your site to a hosting solution, generally speaking, some automatic search and replaces will usually take place when you add domains and SSLs to help clean these things up. There may need to be additional troubleshooting sometimes, which can happen no matter where you take your site. Depending on the host, they may have tools or support available to help you clean things up. These issues aren’t unique to Local however, they just come with the developing territory of making site changes and moving sites around.
Thank you Nick. So what I’m thinking is, I will just finish my site as it is and wait to publish it to see if/what things are not working.
I guess it is not worth putting too much effort into fixing how it looks on the Live link since I don´t really need it, right?
Yep! It’s just a tool that’s there in case you want to share a preview of the site. You’ll always be able to see how things look for yourself by just clicking on Open Site at the top right of your Local app.