-
AuthorPosts
-
encore web plus Friend
encore web plus
- Join date:
- November 2013
- Posts:
- 27
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 2 times in 1 posts
December 10, 2013 at 6:41 pm #192883Menu 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 Friendphong nam
- Join date:
- May 2015
- Posts:
- 3779
- Downloads:
- 1
- Uploads:
- 587
- Thanks:
- 499
- Thanked:
- 974 times in 888 posts
December 11, 2013 at 12:40 pm #515098Hi,
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 Friendencore web plus
- Join date:
- November 2013
- Posts:
- 27
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 2 times in 1 posts
December 11, 2013 at 4:08 pm #515117Ive 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 Friendphong nam
- Join date:
- May 2015
- Posts:
- 3779
- Downloads:
- 1
- Uploads:
- 587
- Thanks:
- 499
- Thanked:
- 974 times in 888 posts
December 12, 2013 at 2:13 am #515162Hi,
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 Friendencore web plus
- Join date:
- November 2013
- Posts:
- 27
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 2 times in 1 posts
December 12, 2013 at 3:57 pm #515239Hey 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 Friendencore web plus
- Join date:
- November 2013
- Posts:
- 27
- Downloads:
- 0
- Uploads:
- 0
- Thanked:
- 2 times in 1 posts
December 16, 2013 at 6:52 pm #515616Hi Leo, any updates on this issue?
Thanks,
Davephong nam Friendphong nam
- Join date:
- May 2015
- Posts:
- 3779
- Downloads:
- 1
- Uploads:
- 587
- Thanks:
- 499
- Thanked:
- 974 times in 888 posts
December 17, 2013 at 1:33 am #515653Hi 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 Friendbohemiadesign
- Join date:
- March 2010
- Posts:
- 194
- Downloads:
- 26
- Uploads:
- 19
- Thanks:
- 16
- Thanked:
- 1 times in 1 posts
September 28, 2015 at 10:33 am #693263Hi,
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.auI am not sure what is causing the problem.
Thanks
Jbohemiadesign Friendbohemiadesign
- Join date:
- March 2010
- Posts:
- 194
- Downloads:
- 26
- Uploads:
- 19
- Thanks:
- 16
- Thanked:
- 1 times in 1 posts
September 28, 2015 at 10:33 am #749897Hi,
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.auI am not sure what is causing the problem.
Thanks
JPankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
September 29, 2015 at 2:43 am #693443Hello @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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
September 29, 2015 at 2:43 am #749987Hello @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 Friendbohemiadesign
- Join date:
- March 2010
- Posts:
- 194
- Downloads:
- 26
- Uploads:
- 19
- Thanks:
- 16
- Thanked:
- 1 times in 1 posts
September 29, 2015 at 8:26 am #693540When 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 detailsThanks you very much
J
bohemiadesign Friendbohemiadesign
- Join date:
- March 2010
- Posts:
- 194
- Downloads:
- 26
- Uploads:
- 19
- Thanks:
- 16
- Thanked:
- 1 times in 1 posts
September 29, 2015 at 8:26 am #750027When 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 detailsThanks you very much
J
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
October 1, 2015 at 1:31 am #694087Hi
<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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
October 1, 2015 at 1:31 am #750258Hi
<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 . -
AuthorPosts
This topic contains 15 replies, has 4 voices, and was last updated by Pankaj Sharma 9 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum