Back to Community
Home / Community / Plugin → Ultimate addons for elementor

Troubleshooting Guide: Why Your Elementor Header & Footer Won't Show on Mobile

32 threads Sep 16, 2025 Plugin → Ultimate addons for elementor

Content

One of the most common issues reported by users of the 'Ultimate Addons for Elementor' plugin is that a header or footer built with the plugin appears perfectly on desktop but vanishes when viewed on a mobile device or tablet. This can be a frustrating experience, but the problem is often caused by a few specific and fixable settings.

Why This Happens

Based on community reports and troubleshooting threads, the mobile display issue is rarely a permanent bug. Instead, it's typically related to one of the following factors:

  • Responsive Settings in Elementor: A section, column, or widget within your header/footer might be accidentally set to hide on mobile or tablet views.
  • Caching: Aggressive caching mechanisms, either in your browser, a plugin, or on your server, can serve an old, unstyled version of your site to mobile users.
  • User Role Restrictions: The header/footer template's display settings may be limited to specific user roles (e.g., logged-in users) instead of 'All'.
  • Theme or Plugin Conflict: Another plugin or your theme might be generating conflicting code that interferes with mobile rendering.

Common Solutions to Try

1. Check Elementor's Responsive Controls

This is the most frequent culprit. When editing your header or footer template in Elementor, you must check the responsive settings for the entire section and individual columns.

  1. Edit your header or footer template with Elementor.
  2. Click on the section (the outermost blue outline).
  3. Navigate to the Advanced Tab > Responsive.
  4. Ensure the toggle for Hide On is not set to 'Mobile' or 'Tablet'. It should be set to 'None'.
  5. Repeat this process for the main columns inside the section.

2. Clear All Caches

If your site looks correct in the editor but not on the live mobile site, caching is a likely cause.

  • Clear your WordPress caching plugin's cache (if you use one like WP Rocket, W3 Total Cache, etc.).
  • Clear your server-level cache (e.g., if your host uses Varnish or offers a 'Purge Cache' option).
  • Clear your mobile browser's cache and cookies. For a definitive test, try viewing the site on your mobile device using a 'Private' or 'Incognito' browsing window.

3. Verify Template Display Settings

The plugin's settings for where to display the template can sometimes be the issue.

  1. In your WordPress dashboard, go to Templates > Header Footer Builder.
  2. Edit your header or footer template.
  3. In the panel on the left, look for the Display On condition and ensure it is set to 'Entire Website' or the correct pages.
  4. Check the User Roles condition and ensure it is set to 'All' unless you have a specific reason to restrict it.

4. Perform a Conflict Test

If the above steps don't work, a conflict with your theme or another plugin may be to blame.

  1. Switch Themes Temporarily: Temporarily switch to a default WordPress theme like Twenty Twenty-Four. If the header/footer appears on mobile, the issue is likely with your original theme.
  2. Deactivate Plugins: Deactivate all plugins except Elementor and the Header Footer Builder. If the mobile view works, reactivate your plugins one-by-one to identify which one causes the conflict.

Conclusion

Mobile display issues with the 'Ultimate Addons for Elementor' plugin are almost always solvable by methodically checking responsive settings, clearing cache, and verifying display rules. The conflict test is a powerful last resort for isolating more stubborn problems. By working through these steps, you should be able to restore your header and footer for all your mobile visitors.

Related Support Threads Support