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
- Mixed Content
- Server Cache / CDN
- Publish Button not working
- Custom Code/CSS Conflict
- Server Issues/ Database issue / Posts Revisions
- Console/PHP/JS Errors
- Bugs/Known Issues
Style Conflict Issues:
Common Causes: Custom CSS, Global Settings, Theme Styles, Third-party plugins, Elementor Addons, Cache, etc.
Tablet/Mobile View Issues:
Common Causes: Custom Breakpoints, Additional Custom Breakpoints, Custom CSS, Third-party plugins, etc.
- Cache Issues
- Plugin Conflicts
- Theme Issues
- Version Problems
- iOS Issues
- Elementor Responsive 101: All You Need to Know!
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
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:
- Go to Elementor > Tools > Regenerate CSS and click the Regenerate Files button.
- Update your page. You may need to make a small change to enable the Update button.
- 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.
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.
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.
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.
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.