Header Works On Home Page, But Not On Other Pages

  • Unknown's avatar
    declanhalewriting · Member ·

    So, my header works great on the Homepage. Sticky function works, text color and background correspond with what I set them to.

    However, on ANY other page of my site, the header does NOT remain sticky (even if I change all elements of the Header to “Sticky” on the page), the text color will not change from the site’s background color, and the text background is black instead of white.

    This is the SAME header template as the one seen on the Homepage. Even when I go to edit it from the “My Writings” or “Newsletter” page, it will show up with the correct settings, but is shows up as incorrect on the page itself.

    What do I do to fix this issue?

    The blog I need help with is: (visible only to logged in users)

  • melvend5 · Staff ·

    Hey there @declanhalewriting


    This typically happens when the sticky positioning and/or header colors are being applied only within the Homepage template, or they’re being overridden on other templates (such as Archive/Index or Single).

    Here’s what I recommend:

    1. Go to Appearance → Editor → Template Parts → Header
    2. Open List View and select the outermost Group block that contains the entire header
    3. Enable Sticky position on that outer wrapper (not only on the Navigation block)
    4. With that same Group selected, set the header Background = white and Text = black (and set Navigation link colors if needed)
    5. Save changes

    Also check Appearance → Editor → Templates (Page, Archive/Index, Single) to ensure each template is using the same Header template part as the Homepage. The “My Writings” page is often controlled by the Archive/Index template rather than the Page template.

    This should restore consistent sticky behavior and styling across all pages.

  • The topic ‘Header Works On Home Page, But Not On Other Pages’ is closed to new replies.