Clicking on submenu items the menu doesn't close automatically

encretpixel

Hello,

When clicking in the "produits" submenu items on the mobile version of the menu, the menu doesn't close automatically. Is there a way to correct this and making is closed automatically when clicking on one of those submenu items ?

Thank you for your help.

pavit

encretpixel the menu doesn't close automatically.

When you click on sub-menu items then menu disappear, since it loads the new page, so i cannot understand your question -

encretpixel

Hello,

This is occuring on mobile version of the website, when I am already on the "produits" page. When clicking on the submenu items (Local seeds, good food, cool kids...) the menu dosen't close itself automatically. Please see the screen capture video : https://www.dropbox.com/s/658rr2q95xqk0lp/submenu.mp4?dl=0

Thank you for your help.

pavit

HI encretpixel

Tested with iPhone-x and Safari browser and i cannot replicate what is seen on your video - it works as expected.

Regards

encretpixel

There should be a problem then as i am testing it also on on two different iphones and it's behaving the same as in my video which is not the way I am expecting this to behave.

Please click on the "produits" menu link to go to this page. And then once you are seeing the "produits" page then click on the submenus items (Local seeds, good food, cool kids...) then it will react the same way as mentionned on my video.

Please find here anther video taken of my iphone : https://www.dropbox.com/s/ybok8lnb7hbf8va/IMG_0124.mp4?dl=0

I cannot believe that this is an exception on my side as I cleared cache on my browsers, at the server level too...

Thank you for testing again and give me a feedback as soon as possible.

saguaros

encretpixel
Hi,

I updated this JS code:

jQuery(document).ready(function($) {
  $('a.smooth-scroll').click(function() {
    var href = $(this).attr('href');
    if (href.includes('#')) {
      var target = $('#' + href.split('#')[1].substr(3) );
      var affix = $('.sections-wrap').children().first().offset().top;
      var header = $('.uber-header').outerHeight();
      if (target.length) {

        $('html,body').animate({
          scrollTop: target.offset().top - header - ( affix ? affix : 0 )
        }, 500);
        return false;
      }	
    }
  });
  
  var name = location.hash.substr(4);
  if ( name ) {
    var target = $('#' + name);
    var affix = $('.sections-wrap').children().first().offset().top;
    var header = $('.uber-header').outerHeight();
    if (target.length) {
      $('html,body').animate({
        scrollTop: target.offset().top - header - ( affix ? affix : 0 )
      }, 500);
    }	
  }
});

in the file: templates/uber/js/scripts.js

and it seems to be working now, kindly check.

Regards

encretpixel

Thank you for this. It seems has resolved the issue :-)

I wish you a nice day.