issues with links containing # character

Dear Support!

I experienced if I put an anchor link or just an outgoing link with # character the link is simply not working.

I think it is because of some kind of script. Could you help me to find out why it is not working?

I have a clear quickstart installed and I made two menu item in the main menu.

Their menu item type is External URL.

They are called:
With #
Without #

please have a look on that.

The URL: http://instyle.demo.cloudhoreca.com/

Thank you in advance,

Oliver

Hello,

Please go to the template settings and under the Features tab please try to disable the smoothscroll feature.

Hello dziudek,

Thank you for your answer.

I disabled it and it worked.
Unfortunately I am using this feature (smoothscroll) for my anchor links so I would like to keep enabled it.

If an anchor link (for example #services) is on the same page the smooth scroll and the link is working.

If this link is loaded from an other site (like: /en/what-we-do.html#services) it is simply not working.

Is there any way to disable smoothscroll for an URL like /en/what-we-do.html#services so it could load the link?

Any other solution would be good to me I would like to use the smoothscroll feature and having anchor links working on the site at the same time.

Thank you.

Now I see that you are using v.3.17 when in v.3.18 we have added some smoothscroll improvements.

Please try to replace the smoothscroll code in js/gk.scripts.js file with the below one:

Code: Select all

if(jQuery(document.body).attr('data-smoothscroll') == '1') {
      // smooth anchor scrolling
      jQuery('a[href*="#"]').on('click', function (e) {
           e.preventDefault();
           if(this.hash !== '') {
               var target = jQuery(this.hash);

               if(this.hash !== '' && this.href.replace(this.hash, '') == window.location.href.replace(window.location.hash, '')) {   
                   if(target.length && this.hash !== '#') {
                       jQuery('html, body').stop().animate({
                           'scrollTop': target.offset().top
                       }, 1000, 'swing', function () {
                           if(this.hash !== '#') {
                               window.location.hash = target.selector;
                           }
                       });
                   } else if(this.hash !== '' && this.href.replace(this.hash, '') !== '') {
                       window.location.href = this.href;
                   }
               } else if(this.hash !== '' && this.href.replace(this.hash, '') !== '') {
                   window.location.href = this.href;
               }
           }
       });
   }

and of course please re-enable the feature under the template settings.

Thank you so much!
It's working!
Have a nice day man!