Issue with navigation

[viveknath322]

I’m using this template for my project https://krimo.github.io/2014/07/23/jank-busting-tutorial/ But I’m experiencing an issue with navigation. When we click on a menu item the whole template is not working. We need to go back to top and close the menu to make it working. Anyone please help me to fix this issue.

Is it possible to automatically close the nav when we click on a menu item?

Thanks.

[Paulie_D]

We can’t diagnose code we haven’t seen.

I can only suggest that you create a Codepen.io demo.

See the Tips box —>

[viveknath322]

Okay. I uploaded it to dropbox. You can check it out here https://dl.dropboxusercontent.com/u/19870375/test/index.html#

[Paulie_D]

No Sir!…we’re not going to rummage around an anonymous dropbox file.

I can only suggest that you create a Codepen.io demo.

[Senff]

No Sir!…we’re not going to rummage around an anonymous dropbox file.

Try it first, @Paulie_D. It’s a perfectly legit link that shows the webpage in action.

When we click on a menu item the whole template is not working.

It’s working for me (depending on your definition of “not working”).

We need to go back to top and close the menu to make it working.

This is by design that the theme stays open after you click on a link (see the original theme at http://tympanus.net/Freebies/HalcyonDaysTemplate/ ). I’m sure it’s possible to close the menu once you click on an item but you’re going to dig in the JavaScript a bit. Seeing that there’s a lot of code, this may be quite a task. Unless the theme creators know a quick way of doing this.

[Paulie_D]

@Senff

Mebbe so but I don’t know what other malicious stuff might be there.

Not that I’m accusing the OP but isn’t this precisely why we have / prefer Codepen?

[Senff]

Are you saying you only visit testcases when they’re on Codepen? :)

There’s really nothing different between a testcase on http://www.mysite.com/some-test-case and one on https://dl.dropboxusercontent.com/u/1234/some-test-case/index.html — why would you visit one without much caution but not the other?

[Paulie_D]

Are you saying you only visit testcases when they’re on Codepen?

Well obviously not but it just feels less secure to visit a dropbox.

Regardless, reason for requesting a Codepen is that JS issues like this (and many others) are much easier to debug with the code laid out all nice and neat.

If the OP had time to set up a dropbox example they could have created a Codepen and we don’t have to rummage around using developer tools.

It’s right there when we post a comment…

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It’s much easier to see, understand, and help with when you do that.

[Senff]

If the OP had time to set up a dropbox example they could have created a Codepen and we don’t have to rummage around using developer tools.

I disagree. Codepen can’t (or rather, shouldn’t) be used to set up a whole theme that has bazillion CSS and JS files. If the main functionality of the theme needs to be changed, you can’t isolate anything — you want to change the core functionality of an existing system. It’s just too complex to make a reduced case.

[viveknath322]

Not working means, non of the elements can’t be clicked.

[Author]

Posts