Troubleshooting Layout Issues

Are you having layout issues? These are the most common issues, causes, and solutions available.

Changes Do Not Appear Online

These are issues related to changes done in the editor where they do not reflect in the preview or live site.

Common Causes: Cache plugins, Optimization plugins, Mixed Content, Server Cache, Update Button issues

Solutions

Basic

Advanced

Style Conflict Issues:

Common Causes: Custom CSS, Global Settings, Theme Styles, Third-party plugins, Elementor Addons, Cache, etc.

General Layout Issues

Tablet/Mobile View Issues:

Common Causes: Custom Breakpoints, Additional Custom Breakpoints, Custom CSS, Third-party plugins, etc.

Solution:

Other Categories:

Please see the Specific Layout Issues: FAQ Index for articles that help troubleshoot more specific issues you may be having with the layout of your site.

General Layout Issues

Cache Issues

Quite often, cache is causing the layout issue you see.

You can first try to simply clear your browser’s cache, use a different browser, or view in an incognito browser. If this doesn’t help, then follow these steps:

  1. Go to Elementor > Tools > Regenerate CSS and click the Regenerate Files button. 
  2. Update your page. You may need to make a small change to enable the Update button. 
  3. Clear all cache including server cache if it exists, any WordPress caching plugins you are using, and your own browser cache. You can also try checking in another browser, or in an incognito browser.

Additional information on Cache Issues and how to resolve them may be found here.

Plugin Conflicts

To find a plugin that is causing the layout issue, deactivate all of your plugins except Elementor and Elementor Pro, if applicable. If this solves the problem, reactivate each plugin one by one, until you spot the problematic plugin. If found, contact that plugin’s support for help, or use a different plugin.

Theme Issues

Switch your theme (temporarily) to a default WP theme such as Twenty Twenty One to see if your theme is causing an issue. If so, contact the theme’s developers for help, or use a different theme.

Version Problems

Layout issues can also be due to the use of an older version of Elementor. Sometimes it isn’t obvious that there is a plugin update available. Go to Dashboard > Updates and click the Check Again button to be sure.

iOS Issues

Column layout issues can happen in old versions of iOS due to the use of CSS grid by Elementor. iOS supports CSS grid starting from iOS 9.3. iOS versions before that may have issues with column layouts.


 

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page