Mobile Menu doesn’t work for anchor links

Experiencing the same here. Any update on the issue?

Hello gentlemen,

I’ve been banging my head at this and got the mobile menu to work by adding the full path (URL/onepage#link) in my case i.e. https://beatballaballa.org/beta-phase#faq.
However, it ruins the smooth scroll to id animation by loading the URL, then reloading it again to scroll to the anchor.

You get to see the landing page than the actual one page, back to the landing page (top) and finally the scroll down animation on the one page.

But for now, it works.

Chaplin is the top theme on my list, I can’t wait to see it work for one-pagers.

Thank you for your great Work Anders, best in Gutenberg class.

Noticed the same issue. This is my temporary-and-not-perfect solution (so don’t judge me!) while waiting for the official patch.

1. Go to themes/twentytwenty/assets/js/index.js
2. Look for the outsideUntoggle: function () { (at line 135 for me)
3. Change with the following code:

    outsideUntoggle: function () {
        document.addEventListener('click', function (event) {
            var target = event.target;
            var modal = document.querySelector('.cover-modal.active');

            // if target on click is <a> with # within the href attribute
            if (event.target.tagName.toLowerCase() === 'a' && event.target.hash.includes('#')) {
                // untoggle the modal
                this.untoggleModal(modal);
                // wait 550 and scroll to the anchor
                setTimeout(function () {
                    var anchor = document.getElementById(event.target.hash.slice(1)); // 
                    anchor.scrollIntoView();
                }, 550);
            }

            if (target === modal) {
                this.untoggleModal(target);
            }
        }.bind(this));
    },

4. Hope it helps 😉

Cheers!

• This reply was modified 4 years, 4 months ago by bdcstr.
• This reply was modified 4 years, 4 months ago by bdcstr.