Kleo home display header/logo/nav acting wonky

[mitchcan]

Hey gang,

Intermittently, but as often than not, when a user lands on our new Kleo home page, there are a couple of problems that are somewhat irritating.

1) The Nav menu fails to minimize on scroll;

2) Any sub nav links fail to even display at all (a real problem);

3) the Login link doesn’t open a Kleo modal, but instead redirects to the old wp-login (I’m honestly not sure the way its supposed to work here, as it does either about half the time?)

I’m hoping we can quickly eliminate these problems, as the transition to Kleo has been relatively smooth otherwise.

I’ve attached a screencap that shows the larger logo and the menu nave still display overtop of the content on the page after scrolling down…

Thanks.

link: clarkcountylive.com

[sharmstr]

its a jquery issue. Probably because your using cloudfare to minify js and possibly not doing it the correct order. Turn that off and see if the issue persists.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mitchcan]

Thanks for the guidance. I was looking for errors in the console, and I saw a reference to cloudflare, so I’ve been looking there too.

I do have auto minify set at Cloudflare, and I was looking into conflicts, but it says:

Auto Minify should not break third-party scripts. If you are seeing third-party scripts breaking on your site (Google, widgets, plugins), then Rocket Loader is most likely the cause of any errors you’re seeing.

I do also have Rocket Loader active. It states:

Rocket Loader improves page load times by:
Decreasing the number of network requests by bundling JavaScript files, even third party resources, to avoid slowing down page rendering
Asynchronously loading scripts, including third party scripts, so that they do not block the content of your page from loading immediately
Caching scripts locally (using LocalStorage, available on most browsers and smart phones) so they aren’t refetched unless necessary

I have it set to Auto – which loads on all scripts. In researching, I can turn off selectively:

You can have Rocket Loader ignore individual scripts by adding the data-cfasync=”false” attribute to the relevant script tag, for example: <script data-cfasync=”false” src=”/javascript.js”></script>

I’m still working through all the details. I’m not really sure how I’d go about modifying implementation, or if I would realize any site/speed degradation by turning it off completely.

Hmmmm.

[sharmstr]

Do yourself a favor and turn all that off. Verify the site works, then start figuring it out what exactly breaks it. It would be nice if caching, cdn and minify plugins worked as advertised, but none of them do. I screwed around with Total Cache for over 3 solid days before I gave up.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mitchcan]

I hear you. I’m fanatical about site speed, mainly because I know our site is so ‘heavy’ (LOTS of plugins) to begin with. So I tend to overcompensate by trying lots of things to make it better. I messed with some of the wp.org repository plugins for cache and minify, without much success.

I will tell you, although somewhat of a hassle to mess with, one of the very best (free, simple) things I added for limiting requests and conflicts (through selective load) and thereby speeding up things somewhat, was a plugin called Plugin Organizer.

Hosting has helped some too with server side cache, so no need for cache plugins.

But never an easy, good, simple, and inexpensive solution. Oh well. 🙂

Thanks again for your guidance. Things *seem* to be working since I turned off Rocket Load. We’ll keep an eye on it.

Have a great day!

[Author]

Posts