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

[John]

Hi tehre,

I have noticed that there is a real jitter on blog posts when scrolling down them:
http://staging.pivotacupt.com/complementary-teams-custom-results/
I have a custom width and a custom header element for these pages.
I have also noticed that the font awesome phone image does not show on these pages.
And suggestions on how to fix these please?
Thanks!
John

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

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

[David]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

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!

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

OK great – Installing that plugin worked.
Cheers!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts