Help with link

ok, this seems to be pretty easy at first, but i have no idea what might be happening, my guess it is a plugin must be affecting it. It is a wordpress theme and before i had issues with the menu but it was fixed. (it wasn’t scrolling down with chrome, so it got fixed after i disabled a plugin).

i don’t see any errors in the console, i’ve tried Fiddler but it doesn’t catch it.

any ideas?
try clicking BLOG from the homepage, it works in interior pages but not Home.

I suspect what’s happening is that your nav.js file is highjacking the links in your navigation and doing its own thing with them. Nothing happens to the Blog link, because it doesn’t follow the expected pattern of starting with a #. (So you’d either need to modify the script to leave certain links alone—such as those that don’t start with a #—or perhaps isolate the blog link and just make it look like part of the list while keeping it out of the actual list.)

thanks ralphm
the nav.js is part of the theme, and the demo of it has a similar external link, so even though some are set to do the anchor, linking out should work.

I’ve tred to manually add the link but got the same result.

Any other ideas? thanks!

Odd, the mobile link looks to be identical yet it does work

<div class="row">
                        <div class="col-md-2 col-xs-6 logo">
                        	<a href="">
								<img alt="logo" src="">
                        <div class="col-md-10 menu-box hidden-xs hidden-sm">
                            <div class="menu-homepage-menu-container"><ul id="menu-homepage-menu" class="navigation desktop-menu menu sf-js-enabled sf-arrows"><li id="menu-item-202" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-202"><a href="#home">Home</a></li>
<li id="menu-item-256" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-256"><a href="#about">About</a></li>
<li id="menu-item-257" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-257"><a href="#works">Case Studies</a></li>
<li id="menu-item-258" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258"><a href="#services">Services</a></li>
<li id="menu-item-1508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1508"><a href="#photo-gallery">Event Photos</a></li>
<li id="menu-item-259" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-259"><a href="#contact">Contact</a></li>
<li id="menu-item-1519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1519 current"><a href="">Blog</a></li>
</ul></div>                        </div><!--/.menu-box-->
                        <div class="box-mobile hidden-lg hidden-md">
                            <div class="menu-btn" data-toggle="collapse" data-target=".nav-collapse">
                            	<span class="fa fa-bars"></span>
                            <ul class="nav-collapse mobile-menu hidden-lg hidden-md"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-202"><a href="#home">Home</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-256"><a href="#about">About</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-257"><a href="#works">Case Studies</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258"><a href="#services">Services</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1508"><a href="#photo-gallery">Event Photos</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-259"><a href="#contact">Contact</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1519"><a href="">Blog</a></li></ul>

Although the docs point out that you need to tell the browser to do that explicitly. E.g. you add a class to the external link:

<a href=“/blog” class=“external”>Blog</a>

—and then add this to your script:

    filter: ':not(.external)'

i tried to look for where that function is being called and i couldn’t find it. I don’t know how this is being done cause it came with the theme already. I tried to add that manually to the query.nav.js but i broke something else.

i could add the class to the link but i don’t know how to add the line.

i tried but just using:

filter: ':not(.external)' 

just right in the middle of that js file, but that didn’t work, is there any way you can guide me? sorry man 0 JS for me.

thank you.

I believe he said to just add that in. You shouldn’t have been able to find it.

If you can add the class, that’s great.

It looks like the theme you are using has modified the script somewhat, so try a different option. In this file:

go to about line 42, and replace this:

filter: '',

with this

filter: ':not(.external)',

Heh, pretty much for me too. :stuck_out_tongue:

i’ve tried that, no luck :frowning:

no luck, i tried that, i tried removing the colon the colon + not but nothing.
i give up, thanks for the help, im gonna have to pay someone to fix it for me :tired_face:

it also works in interior pages like this:
it must be something that is running in the HP

I’d still like to see those changes online. Neither appear on your site. They won’t do any harm, so could you just put them in there so we can have a look?

i was able to fix it, i asked the developer and i added the external class directly from the wordpress admin, you were correct about the “external” class. But when it renders it adds it to the LI containing the A! that is why it wasn’t working.

thanks a lot for your help and time!

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.