[Support request] Displaying sticky header

[Zachary]

Hi,

On my GP site I have enabled the Sticky Navigation function with the Fade transition and the hide when scrolling down option enabled.

When following a link from the home page to another page and using an anchor to target the section of the linked page I would like the sticky header to be displayed fully. Currently, only 5px of the sticky header is being displayed (#sticky-navigation>top: -45px).

I would like for the header to be fully displayed when the page is loaded. Right now I am using the following CSS but it does not result in the desired outcome.

.page-id-[REDACTED] #sticky-navigation{
  background-color: pink; /*debug*/
  top: 0px; !important
}

Thank you!

[Ying]

Hi Zachary,

The correct ;position should be at the end:
top: 0px !important;

Let me know 🙂

[Author]

Posts