Hi all, First time I see this issue. I have a really simple: <a href="/#!/something"> that just doesn't work... It changes the URL in the browser, but does not scroll to the section. In the same page, I have the exact same "a href" at another place and it works! page: http://creagrif.ca/ Works in the menu bar, but not the 3 images at the top of the page. I have tried dozens of different syntax, can't make it work... Any ideas? Thanks!
Finally got it working by replacing <a href="#!/something"> by <a href="#something">... I loose the smooth scrolling effect, but at least it works. I am still mesmerized by the fact that it works in the Wordpress menu, but not in the top section...
Add this code (requires jQuery) to enable smooth scrolling: $('a[href^="#"]').on('click',function(e){ html_tag.add(body_tag).animate({'scrollTop': $($(this).attr('href')).offset().top},1000,'easeInOutExpo'); e.preventDefault(); }); Code (markup):