We have the same problem and the version 1.8.5 has not brought any solution, here at https://parcel.one

Any news on this being fixed yet, as its still not working in 1.8.5.
Its a deal breaker for any one page sites that are built with YTP.

As opposed to modal where the close onclick it works perfectly :
<a class="uk-button uk-button-default uk-position-top-right uk-position-fixed" style="right: 0px;padding-left: 5px; padding-right: 5px; background: rgba(0, 0, 0, 0.73) none repeat scroll 0 0; color:#ffffff;" href="#modal-overflow" uk-toggle><span uk-icon="icon: chevron-left;"></span></a>
<div id="modal-overflow" uk-modal>
<div class="uk-modal-dialog">
<button class="uk-modal-close-default" type="button" uk-close></button>
<div class="uk-modal-header">
<h1 class="uk-modal-title">Menu</h1>
</div>
<div class="uk-modal-body" uk-overflow-auto>
<p>
<ul class="uk-nav uk-dropdown-nav" uk-scrollspy-nav="closest: li; scroll: true">
<li class="uk-active uk-modal-close"><a href="#tastingmenu">Tasting Menu</a></li>
<li class="uk-modal-close"><a href="#coldstarters">Cold Starters</a></li>
</ul>
</p>
</div>
</div>
</div>

I feel stupid not to find a way to close offcanvas the same way I closed modal ...

Hi Yannick,
I am sorry for the late response and maybe you already found a solution for your problem.
The solution you found was targeting UIkit version 2 which is not used in YOOtheme Pro here Version 3 is used which has changed a lot especially on the JavaScript side.

So when the offcanvas is opened and you click on the link to scroll down to the section with the given ID it needs to close the offcanvas and stay on the sections position. ( Just repeating what you said above, just to avoid misunderstandings )

Here you would need to add an click event on the link to your sections ID. This will be a function which is called when you click on this event.
To do this I would recommend to use jQuery which is an JavaScript library which helps you to simplify HTML modifications.
So your JavaScript should look like this:

jQuery('LINKSELECTOR').click(function (e) {  
    UIkit.offcanvas('#OFFCANVASID').toggle();  
});

The LINKSELECTOR is a CSS selector which applies to all ( or only one ) elements which should have this click-Event ( in your case the links within the offcanvas element ). Within this click-Event you call the toggle function of an offcanvas with a given ID. Since your offcanvas is always opened when you click the links, this will close the offcanvas again.

I couldn't test this code but I think it should work, so let me know if it does, if this is not the case please add a link to your page so that I could test this and adjust the code if needed

Kind Regards
Philipp

I have the same problem... On mobile, offcanvas stay open after i clicked a link (to an anchor because i want a one page site) and when i click on the close logo of the offcanvas, the page scroll up...

I tried to add Philipp's code but it doesn't change anything...

Thanks, this will be resolved with the next update.

Thanks Jan for this answer.
You know approximatively when it will arrive? Because at this time, it's unusable on mobile.
Thanks for your help.

This should be resolved with 1.8.

Hi Jan.
Just installed version 1.8 but the problem remains...
Hope you can find a solution because on mobile it's unusable.
Thanks in advance

Do you have a link, where we can inspect the issue?

Yes.
zermattensarl.ch

Please remove the / in front of your links. Currently they are in the form /#ID.

my links where like that: index.php/#ID
I changed for #ID but the problem remain on iOS (cannot test on android)

Smoothscroll doesn't work now on safari and firefox (mac). I don't know if it's due to the latest update of the template

We'll release an update on monday. Thanks.

1.8.5 doesn't solve the problem....

Are you guys running the latest Widgetkit and YOOtheme Pro versions?

@lewax The issue seems to be triggered by your custom theme code:

jQuery(function(){jQuery('a[href^="#"]').click(function(){var target=jQuery(this).attr('href');jQuery('html, body').animate({scrollTop:jQuery(target).offset().top},800);return false;});});

try removing the

return false;

Problem remains with yootheme pro 1.9 and widgetkit 2.9.11
It begin to be really problematic...

@lewax Please see my answer below

Sorry Jan, i didn't see that this answer was addressed to me...
It works now without the code.
Many thanks.

I have the same problem.
This code doesn't solve the problem

jQuery('LINKSELECTOR').click(function (e) {
UIkit.offcanvas('#OFFCANVASID').toggle();
});

What can I do?