Archived topic

Firefox sidebar navigation not sticky

3 replies · Started by Moritz on May 12, 2018

Viewing posts 1–4 of 4

May 12, 2018 at 10:09 am #574055

Hi there,

I have placed my primary navigation in the left sidebar and want that menu to be sticky when user scrolls the page. This works perfectly in Chrome, Opera and even Internet Explorer. Only Firefox seems to have an issue. Interestingly, in Firefox, if the page is loaded and scrolled content "skips" down (which also does not happen in any of the other browsers). Any idea what is causing this?

Thank you and best
Moritz

May 12, 2018 at 1:36 pm #574117

Hi there,

I just tried to duplicate this on my install but the sticky navigation works correctly in left sidebar using Firefox.

Can you try #1 here to eliminate plugin conflict first?
https://docs.generatepress.com/article/debugging-tips/

Let me know :)

May 13, 2018 at 12:31 am #574271

Hi Leo,

Thank you for hinting in the right direction. I use the Autoptimize plugin for Wordpress and disabling the plugin, or its CSS optimization or (finally) specifically the "inline and defer CSS" option (which inlines "above the fold CSS" while loading the main autoptimized CSS only after page load) fixes the incorrect Firefox behaviour, i.e. sidebar navigation is now sticky and works.

Kind regards
Moritz

May 13, 2018 at 9:36 am #574510

No problem :)

This archived topic is closed to new replies.

Start building better websites today.