Jittery sticky menu on Blog Posts (Plus Fonat Awesome image not showing)

Hi there,

Have you tried using this option?
https://docs.generatepress.com/article/navigation-as-a-header/

It should work much smoother for the layout you are going for.

Let me know :)

Hi Leo,

I tried that but still facing the same issue with the jittery scroll and no font awesome image showing.
Any thoughts on what else could be done?

Cheers!
JOhn

Hi there,

how odd - can you try disabling other plugins to see if there is a conflict with the sticky navigation script.

The missing icon is because Font Awesome is being loaded by Beaver Builder and will only load on pages where BB is being used.

I notice on other pages of your Site you have common footer elements - is this something you'll be adding to the single posts ? You can hook that content in place - which will also force BB to load FA icons on the single posts.

Hi David,

So what type of Hook would I need to use to load the footer and the FONT Awesome icons?

If it makes it easier then just the FOnT Awesome icons - can do withtout the footer on some pages.

The jitteriness seems to have vanished.
Possible that the switch to the NAV as header worked and was just caching some old jitteriness.
Or does it still flicker for you too?

Cheers
John

So you can save your BB template and add the BB Shortcodes ( read more ) to a hook element and select the before_footer hook.

https://docs.generatepress.com/article/hooks-element-overview/

Thanks for that.
How do I get the font awesome icon to show?
I don't see how that is beaver builder as it is calling on the same menu element.
Cheers!

If the BB Template you hook into the post requires FA icons then the Font will be requested.
If not i think you will need to use a Plugin see here:

https://docs.generatepress.com/article/font-awesome/

And disable the font request in BB

OK great - Installing that plugin worked.
Cheers!

You're welcome