Sticky header not working (repeat)

  • Resolved Cyrille Sanson

    (@css31)


    8 months, 1 week ago

    Hi,
    I’m experiencing the same issue described here: https://ww.wp.xz.cn/support/topic/sticky-header-not-working-14/
    I’m following the tutorial: https://wpspectra.com/docs/how-to-add-transparent-sticky-header/ but I’m running into a problem.
    "You can access the global settings by navigating to Appearance > Editor > select Header (from list view)."

    However, when I go to Appearance > Editor, I only see the following options:
    – Navigation
    – Styles
    – Pages
    – Templates
    – Patterns
    From Patterns, I can access the Header, but there’s no Sticky Header option.

    If I go to Templates > Pages and click on the Header, the only available settings are Design, Responsive Settings, and Advanced—still no Sticky Header.

    Is it possible that the tutorial is outdated, or am I missing something?

    Thanks in advance for your help.

    Best regards,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Cyrille Sanson

    (@css31)

    8 months, 1 week ago

    Hi,

    I’ve finally located the Sticky Header option – by going to Templates, selecting a template, and editing it directly. However, I’ve only been able to find this option for specific templates like 404, Single Post, and Index.

    Strangely, the option doesn’t appear for the Page template or the Home Page, which are the ones I actually need to edit.

    Is this expected behavior, or is there something I might be missing?

    Best regards,

    Thread Starter Cyrille Sanson

    (@css31)

    8 months, 1 week ago

    Hi,

    It seems that by default, Spectra One doesn’t include a template specifically for the Front Page.

    I created one manually by adding a Header, a Container for the content, and a Footer. However, even with this setup, the Sticky Header option still doesn’t appear.

    Is there a step I might be missing to enable sticky functionality on a custom Front Page template?

    Best regards,

    Thread Starter Cyrille Sanson

    (@css31)

    8 months ago

    Hi,

    I’ve found the culprit!

    Go to Editor > Template > Select Pages > Header. Then in the right sidebar, select Advanced > HTML ELEMENT and select <header>.

    The Header Settings section will appear, and you will be able to select Enable Sticky Header.

    Cheers

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

The topic ‘Sticky header not working (repeat)’ is closed to new replies.