One Page / Multi Page Navigation Issues

So my issue seems to be identical to what was resolved in the issue thread here.

However I can not seem to get it to work. I’m using the latest stable ‘Pro’ release on LAOmakase and have triple checked the to do list you’ve recommend for linking to one page sections from back pages. Ex: Smoked Salmon

I could still have an error somewhere, but wondering if something has changed in recent updates or if it’s a pro header related issue.

Thanks

Hi there,

The One Page Navigation from the Menu is not completely implemented in the Pro correctly that is why this is not a valid solution for Pro.

You will need to wait for upcoming releases to have a fix regarding this. Thank you for your understanding and patience.

Wow, you guys are amazing across the board, but this seems to be a bit extreme. You have a ‘Pro’ version of something that has less capability than the ‘base’ version. Not to sound crass, but this is navigating ones site. If they can’t easily navigate, it doesn’t matter how cool everything else is.

Are you sure there are no solutions here? When will the release with this fix be available? Is the fix in the current Beta? I’d really rather not redesign my entire navigation…

Thanks!

Hi There,

Please provide us a step by step of how to replicte the issue on your website.

Thank you

Hey @Joao,

If you go to www.laomakase.com you’ll see my one page design. The navigation here contains relative urls with #link to specific sections on desktop and mobile. I haven’t applied css to this menu as it was not functioning, so please select the first link on duplicate menu items. This works just fine on both platforms.

Now go to www.laomakase.com/smoked-salmon/ , one of many individual pages for chef’s menu. The navigation used here has absolute urls. None of which work from the menu itself. But if I copy the link and go to the url in another browser window, it goes right to that section. EX: http://laomakase.com/#private_dining/

Everything I’ve done has been to the instruction of the thread mentioned here.

Thanks for your help, I’m on standby for anything else you may need!

Hi there,

Let me explain the details of why this is happening. First of all, you need to consider the X and Pro are separate products designed for 2 different kinds of customers. Pro is not upgraded version of the X. For example, Pro does not have the Demo Import functionality of X and the X does not have the Header/Footer Builder functionality.

Actually, the different nature of the Header Builder and the complexity of it is causing the issue and it needs a refactor of the code to have the One Page Navigation work correctly.

There are indeed few workarounds that proved to work in some cases and not work in others:

This will need to have an official solution which I guarantee is one of our developments team’s top priorities.

I tried to implement the workaround for your case to see if it will work or not but unfortunately I could not find the one-page navigation menu items. Al the menu items redirect to separate pages. Would you please give us a screenshot of where to find the menus?

Please consider that there will be no guarantee if I can implement the workaround or not. Thank you for your understanding.

@christopher.amirian , I am fully aware of the differences between the two products. I’ve used them both and chose Pro due to it’s lean to a more professional user. I run several sites on Pro. That’s actually why I posed that question in my original thread about the header builder being the difference.

Also, the one page menu is set on the home page like I mentioned in my last reply, www.laomakase.com . All links in the menu are relative; #private_dining, #meet_the_chef, etc.

On back pages, www.laomakase.com/smoked-salmon/ , the menu has absolute urls; http://laomakase.com/#private_dining or http://laomakase.com/#meet_the_chef .

My issue is that the links in the Back Page menu will not link to the section on my One Page (home page) layout.

I know this is repetitive of my previous responses, but I think your asking me the same question right?

Hope this helps us get somewhere.

Ah, now I see the menu you are talking about that is the far right + icon. For the Salmon page, you should not set anyone page menu in the page options. The menu should be a normal menu item.

Would you please kindly give us the URL/User/Pass of your dashboard? That is the case that I think we can check in details with no problem and is not related to the problem I was talking about in Pro.

Please use the Secure Note to give the information:

Thank you.

That’s great news! Here you go

Hi there,

It’s because of your custom javascript which prevents the default behavior of a link. Please change this javascript

jQuery(function($){
  $('a[href*="#"]').off('touchend click');
  $('a[href*="#"]').on('touchend click', function(e) { 
    e.preventDefault();
    var id = $(this).attr('href').split("#").slice(-1)[0];;   
    var theid = $("#" + id);
    console.log(theid);
    if (theid.length === 0) {
        return;
    }
    
    var pos = theid.offset().top;
    $('body, html').animate({scrollTop: pos}, 2000, 'easeInOutQuart');
    return false;
  });
});

to this

jQuery(function($){
  $('a[href^="#"]').off('touchend click');
  $('a[href^="#"]').on('touchend click', function(e) { 
    e.preventDefault();
    var id = $(this).attr('href').split("#").slice(-1)[0];;   
    var theid = $("#" + id);
    console.log(theid);
    if (theid.length === 0) {
        return;
    }
    
    var pos = theid.offset().top;
    $('body, html').animate({scrollTop: pos}, 2000, 'easeInOutQuart');
    return false;
  });
});

Then that code will make sure that it’s only implemented for relative URLs.

Thanks!

@Rad you are an amazing human being. Sorry for causing so much hassle for an error on my part.

Thanks Themeco Staff!

1 Like

Glad we could help.

Cheers!

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