Joomla Templates Club 406,261 posts

[encore web plus Friend encore web plusJoin date: November 2013Posts: 27Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#192883

Menu seems to be working just fine in desktop mode. However, when I alternate the size of the window to show responsive layouts the menu does not link properly to the content of my website.

reference: http://www.ewdevel.ca/jaonepage/

For instance… in desktop mode, I go to above link, click on our ;portfolio, then click on 4d diving & adventures… this brings me to a new page. From there I decide I want to go back to portfolio, so I click portfolio in the navigation and it links to index.php?Itemid=524#our_portfolio (or whatever the exact itemid is)… works great.

However, when I resize the window so that the mobile menu appears. And I follow the same process, when I decide I want to go back to the portfolio page from the 4d diving & adventures page, it does nothing. I click the mobile menu, click Our Portfolio and nothing happens – it looks like it decides to load this link instead: http://www.ewdevel.ca/jaonepage/index.php/4d-diving-adventures#our_portfolio

Has anyone had an error like this before? Any solutions?

Much appreciated!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#515098

Hi,

This is a bug of the off-canvas menu on our JA Onepage template and our developer will include the bug fix in the next update of this template.

At this time, you can solve this issue by putting below codes into the end of templates/ja_onepage/js/script.js file:

//fix off-canvas
$(window).load(function(){
$('#off-canvas-nav .nav li a').each (function (){
var href = this.href,
target = this.hash ? this.hash : href.replace(/.*(?=#[^s]+$)/, '');

if(this.hostname != window.location.hostname || target.substr(0, 1) != '#'){
return;
}

$(this).attr('href', target).data('target', target);
}).click (function(e) {
if (!$(this).data('target')){
return;
}

var target = this.href.replace(/.*(?=#[^s]+$)/, '');
if (target && ($(target).length)) {

} else { //not found
var home = $('.navbar ul li a.home').attr('href');
if(home){
window.location.href = home.replace(/([^#]*)(.*)/, '$1') + target;
}
}
});
});
//fix off-canvas

}(window.$ja || jQuery);

[encore web plus Friend encore web plusJoin date: November 2013Posts: 27Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#515117

Ive altered the script.js file, however still no luck with the menu working – it actually changed the way my current menu works, seems its skipping sections in the active hover; for instance… I click Our Team, and the active navigation item becomes the previous item called Our Portfolio… I click Happy Clients, and the active navigation item becomes the previous item Our Team

reference: http://www.ewdevel.ca/jaonepage

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#515162

Hi,

Can you temporarily put the suggested codes into the end of /js/script.js file again ?
I will back to help you check the strange menu behavior as you mentioned.

[encore web plus Friend encore web plusJoin date: November 2013Posts: 27Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#515239

Hey Leo, ive put the code into script.js and uploaded it to the site, so its available to see at http://www.ewdevel.ca/jaonepage/

thanks

[encore web plus Friend encore web plusJoin date: November 2013Posts: 27Downloads:0Uploads:0 Thanked: 2 times in 1 posts]

#515616

Hi Leo, any updates on this issue?

Thanks,
Dave

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#515653

Hi Dave,

I am sorry for being late on this concern. Well, there is an unnecessary token in inside the script.js (a syntaxError). You just need to open this file and remove 274th line: }(window.$ja || jQuery); . And the menu items will work fine on mobile then.

In addition, the browser also reports an error of jQuery definition inside /js/easyResponsiveTabs.js you have added. If you have free time, I suggest you to check it out too.

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#693263

Hi,
I have the same issue as described here with hte mobile menu. I have added the above script and it didn’t solve hte issue.
You can see the menu here http://novatech.bohemiadesign.com.au

I am not sure what is causing the problem.

Thanks
J

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#749897

Hi,
I have the same issue as described here with hte mobile menu. I have added the above script and it didn’t solve hte issue.
You can see the menu here http://novatech.bohemiadesign.com.au

I am not sure what is causing the problem.

Thanks
J

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#693443

Hello @bohemiadesign
Kindly provide the complete details of the issue including screenshots that you are facing on your site
+ PM me your site super user details , so i can check what issue you are facing and help u in this case .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#749987

Hello @bohemiadesign
Kindly provide the complete details of the issue including screenshots that you are facing on your site
+ PM me your site super user details , so i can check what issue you are facing and help u in this case .

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#693540

When clicking on the menu on a mobile it takes me to the section briefly but then it goes back up to the top of the page.
I have pm’ed you the super user details

Thanks you very much

J

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#750027

When clicking on the menu on a mobile it takes me to the section briefly but then it goes back up to the top of the page.
I have pm’ed you the super user details

Thanks you very much

J

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#694087

Hi
<blockquote>I think I fugured out what was casuing the issue. I had add some css for the animated clouds. That css code seems to have caused the error I had</blockquote>
As i can see the issue is solved and its due to the cloud css/js .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750258

Hi
<blockquote>I think I fugured out what was casuing the issue. I had add some css for the animated clouds. That css code seems to have caused the error I had</blockquote>
As i can see the issue is solved and its due to the cloud css/js .

[Author]

Posts