I’m afraid for me it’s not sticky when refreshing either ..
So can you if the problem persists when you:
* test with “inline & defer CSS” disabled (which also disables CCSS)
* OR test with “optimize JS” disabled (I see some JS warnings)
based on that we can consider the next steps to get this working.
@optimizingmatters It works fine after I disable “inline & defer CSS” disabled”
OK, can you re-enable so I can do a deep-dive in the CSS? 🙂
@optimizingmatters Thanks, done enabling it.
OK, can you try adding the following to the “add CSS to all rules” option;
#megaMainMenu{position:fixed;width:100%;margin-top:0px;margin-bottom:0px;top:0px;}
frank
Hi Frank, thanks, it is working, but actually the headers on my 4 product pages (Under the menu Product) suppose to be non-sticky. probably need a separate CSS for that as well.
ouch, don’t see a class/ ID to use to explicitly target (or not target) non-product vs product pages, so this might become complex very soon. I’ll check with jonas of criticalcss.com to see if he has a better idea how to fix, hang on 🙂
Thanks, Frank, I created 2 different headers, one being non-sticky and shows on the product pages.
