Spectra Header & Footer not showing

  • sonoruben

    (@sonoruben)


    7 months, 2 weeks ago

    Hello everyone,

    I’m facing a critical issue where the header and footer I built with Spectra are not rendering on my live site.

    Symptoms:

    • The header and footer appear correctly in the WordPress Theme Customizer (customize.php).
    • They are missing on the live front-end site and also within the page editor (post.php).
    • When inspecting the live page’s source code, there is no <header> tag. Instead, a raw text string, which appears to be a JavaScript configuration object, is being outputted directly into the HTML. It looks exactly like this:container: [[{ header: [1, 2, 3, 4, 5, 6, !1] }], ["bold", "italic", "underline", "strike"], [{ list: "ordered" }, { list: "bullet" }], ["blockquote"], [{ align: [] }]]
    • If I disable the Spectra plugin, a basic, unstyled theme menu appears. This confirms the theme’s default hook is working, but Spectra’s override is failing to render.

    Troubleshooting Steps I Have Already Taken: I have extensively tried to debug this issue. The problem persists after performing all of the following steps:

    1. Plugin Conflict Test: I have deactivated all other plugins. The header and footer still do not appear, even when Spectra is the only active plugin.
    2. Theme Conflict Test: I have confirmed this is not a theme-specific issue. The problem occurs even when I ‘Live Preview’ a default WordPress theme like Twenty Twenty-Four or Twenty Twenty-Five. The Spectra header is missing in the preview as well.
    3. Cache: I have purged all server-side caches via LiteSpeed Cache multiple times, as well as my browser cache.
    4. Asset Optimization: I have disabled all CSS and JS optimization settings in LiteSpeed Cache, including:
      • CSS Minify / Combine
      • JS Minify / Combine / Defer
      • Combine external/inline CSS
    5. Plugin Re-installation: I have completely uninstalled and reinstalled the Spectra plugin.
    6. Console Errors: There are no JavaScript errors in the browser console.

    Since the issue remains after ruling out plugin and theme conflicts, and given the unusual raw data output, this seems to be a core rendering issue within the Spectra plugin itself or a very specific server environment incompatibility.

    Could you please provide guidance on what could be causing this and how I can resolve it?

    Thank you for your time and assistance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    7 months, 2 weeks ago

    I’m facing a critical issue where the header and footer I built with Spectra are not rendering on my live site.

    Since this is an issue with a plugin, I’ll recommend seeking help from the Spectra plugin’s dedicated support sub-forum here: https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/

    Good luck!

    kashifbucha8787

    (@kashifbucha8787)

    7 months, 1 week ago

    You’ve already done great troubleshooting. The raw JS object (container: [[{ header: …) means Spectra’s block data isn’t being parsed into HTML, which usually points to:

    1. Rendering failure – Corrupted block data or plugin/WordPress/PHP version mismatch.
    2. Server/REST issue – Spectra relies on the WordPress REST API. If it’s blocked or PHP extensions (DOM, JSON, mbstring) are missing, headers/footers won’t render.

    Next steps:

    • Make sure WordPress, Spectra, and PHP (7.4+/8.0+) are updated.
    • Check https://yoursite.com/wp-json/ for errors.
    • Enable WP_DEBUG and check debug.log for parsing issues.
    • Try rebuilding the header/footer template.
    • If nothing works, test on a clean install or roll back to an earlier stable Spectra version.

    If it still fails, it’s likely a Spectra bug, and you should open a ticket with your debug log + REST API results.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Spectra Header & Footer not showing’ is closed to new replies.