How to Troubleshoot and Fix WordPress Footer Not Displaying on Certain Pages

Learn how to diagnose and fix a WordPress footer that disappears or looks different on specific pages, including theme, template, and plugin-related causes.

Overview

If your WordPress footer is missing, cut off, or looks different on some pages but not others, the issue is usually related to page templates, theme settings, or a plugin (often a page builder or footer plugin) overriding the default layout.

This guide walks you through safe, step-by-step checks to restore a consistent footer across your site.

Before You Start

• Make sure you are logged in as an Administrator.
• Have access to your hosting control panel or FTP in case you need to disable a problematic plugin.
• If your site is live and high-traffic, consider doing tests during a low-traffic window.

Step 1 – Confirm the Problem Scope

First, identify exactly where the footer is missing or incorrect.

• Open your homepage in a browser tab.
• Open 3–5 other pages where the footer looks normal.
• Open 3–5 pages where the footer is missing or different.

Note which types of content are affected:

• Only blog posts
• Only pages built with Elementor or another builder
• Only WooCommerce product or shop pages
• Only a specific landing page template

What You Should See

A clear pattern: for example, “Footer missing only on blog posts” or “Footer missing only on Elementor-built landing pages.” This pattern will guide the next steps.

Step 2 – Check for a Custom Footer Template (Theme or Builder)

Many modern themes and page builders (like Elementor, Beaver Builder, or block-based themes) use custom footer templates. If the display conditions are misconfigured, the footer may not appear on some pages.

2.1 Check Theme Footer Template (Block or Classic Theme)

For block themes (Site Editor):

1. Go to Dashboard ? Appearance ? Editor.
2. Click Templates or Template Parts.
3. Look for a template part named Footer.
4. Open it and confirm it contains the expected blocks (widgets, menus, copyright text, etc.).

If the footer template is empty or accidentally deleted, restore it:

• Use the Reset or Clear customizations option (if available), or
• Rebuild the footer using the block editor and save.

For classic themes (non–Site Editor):

1. Go to Dashboard ? Appearance ? Widgets or Appearance ? Customize.
2. Check the Footer widget areas.
3. Make sure at least one widget (e.g., Text, Navigation Menu) is assigned to each active footer column.

2.2 Check Page Builder Footer Template

If your site uses a page builder with Theme Builder functionality (e.g., Elementor Theme Builder):

1. Go to the builder’s template area (for Elementor: Dashboard ? Templates ? Theme Builder).
2. Open the Footer template.
3. Check its Display Conditions (e.g., Entire Site, Singular, Posts, Pages).

Adjust the conditions so the footer displays on all desired content types. For example:

• Set to Include ? Entire Site if you want one global footer.
• Remove any Exclude rules that hide it on specific pages or templates.

What You Should See

At least one active footer template with display conditions that clearly include the pages where the footer was missing.

Step 3 – Compare Page Templates on Working vs Broken Pages

Next, check whether the affected pages are using a different page template that does not call the footer.

3.1 Check Template on a Working Page

1. Go to Dashboard ? Pages.
2. Edit a page where the footer does appear correctly.
3. In the right sidebar, find the Template setting (under Page ? Template or Page Attributes).
4. Note the template name (e.g., Default template, Elementor Full Width, Single Page).

3.2 Check Template on a Broken Page

1. Edit a page where the footer is missing.
2. Check the same Template setting.
3. If it’s different (e.g., Landing Page, Canvas, or Blank), switch it to the template used on the working page.
4. Click Update and view the page.

What You Should See

After switching to a standard template (like Default or your theme’s main page template), the footer should appear again. If it does, the issue is with the special template intentionally hiding the footer.

Step 4 – Check for “Hide Footer” Options on Individual Pages

Some themes and builders add per-page options to hide the header or footer.

4.1 Inspect Page Settings

1. Edit a page where the footer is missing.
2. Look for a Page Settings, Theme Options, or Layout panel in the sidebar or below the editor.
3. Search for toggles like Hide Footer, Disable Footer, or Disable Footer Widgets.
4. If enabled, turn them off.
5. Click Update and refresh the page on the front end.

4.2 Check Builder-Specific Settings

If you are using a page builder:

• Open the page in the builder (e.g., Edit with Elementor).
• Open the Page Settings or Layout tab.
• Ensure the layout is not set to a Canvas or Blank mode that removes the footer.

What You Should See

Once any “hide footer” options are disabled and the layout is set to a standard template, the footer should reappear on that page.

Step 5 – Test for Plugin Conflicts Affecting the Footer

Occasionally, a plugin (especially layout, popup, or membership plugins) can interfere with how the footer renders.

5.1 Use Safe Plugin Conflict Testing

To avoid breaking your live site, follow this order:

1. Make a quick backup via your hosting or backup plugin.
2. Go to Dashboard ? Plugins ? Installed Plugins.
3. Temporarily deactivate non-essential plugins in small groups (e.g., marketing, popups, membership, layout add-ons).
4. After each group deactivation, refresh an affected page and check if the footer returns.

If the footer appears after deactivating a specific plugin group:

• Reactivate plugins one by one.
• After each activation, refresh the page.
• When the footer disappears again, you’ve found the conflicting plugin.

5.2 What to Do If You Find a Conflicting Plugin

• Check the plugin’s settings for layout or footer-related options.
• Look for options like Enable full-screen layout, Override theme template, or Disable footer.
• If no setting helps, consider replacing the plugin with an alternative or contacting its support.

What You Should See

Either the footer returns after deactivating a plugin (confirming a conflict), or plugin conflicts can be ruled out and you can move on to theme-level checks.

Step 6 – Switch Temporarily to a Default Theme

If the issue persists, test whether your active theme is causing the footer problem.

6.1 Use a Default Theme for Testing

1. Go to Dashboard ? Appearance ? Themes.
2. Make sure a default WordPress theme (e.g., Twenty Twenty-Five) is installed.
3. Click Activate on the default theme.
4. Visit several pages where the footer was missing and see if a footer now appears.

Important: This is a temporary test. Your layout will look different, but you are only checking whether a footer exists at all.

What You Should See

• If the footer appears on all pages with the default theme, the issue is in your original theme’s templates or settings.
• If the footer is still missing on certain pages, the issue is likely page-specific (template or content) rather than theme-specific.

Step 7 – Clear Caches and Regenerate CSS

Sometimes the footer is technically present but hidden by outdated CSS or cached layout files.

7.1 Clear Caching Layers

• Browser cache: Hard refresh the page (Ctrl+F5 on Windows, Cmd+Shift+R on Mac).
• Caching plugin: If you use a caching plugin, go to its settings and click Clear Cache or Purge All.
• Server/hosting cache: If your host provides server caching, clear it from your hosting control panel.
• CDN cache: If using a CDN (e.g., Cloudflare), purge the cache for the affected URLs or the entire site.

7.2 Regenerate CSS (If Using a Builder)

Some builders compile CSS that controls footer visibility.

• For Elementor: Dashboard ? Elementor ? Tools ? Regenerate CSS & Data, then click Regenerate Files.
• For other builders: look for similar options like Regenerate CSS or Clear Builder Cache.

What You Should See

After clearing caches and regenerating CSS, the footer should display consistently if the issue was related to stale styling or layout files.

Step 8 – Inspect the Footer in Browser Dev Tools (Optional, Advanced)

If you are comfortable with browser developer tools, you can quickly see whether the footer HTML exists but is hidden by CSS.

8.1 Check for Hidden Footer

1. Open an affected page in your browser.
2. Right-click near the bottom and choose Inspect.
3. Look for elements like <footer>, .site-footer, or #colophon.
4. If present, check the Styles panel for rules like display: none;, visibility: hidden;, or height: 0;.

If you find such rules:

• Note which CSS file or plugin/theme is adding them.
• Remove or adjust the rule in your theme’s Additional CSS or builder’s custom CSS area.

What You Should See

Either the footer element is completely missing (template issue) or present but hidden (CSS issue). This distinction helps you or your developer fix the root cause faster.

When to Contact Compass Production Support

If you’ve followed the steps above and your footer is still not displaying correctly on certain pages, it’s time to reach out for help.

Before contacting support, gather:

• Links to 2–3 pages where the footer works and 2–3 where it doesn’t.
• Screenshots of your Template settings for a working and a broken page.
• A list of any recent changes (new plugins, theme updates, layout changes) made before the issue started.

Share this information with Compass Production so we can quickly identify whether the issue is theme-related, builder-related, or content-specific and provide a precise fix.