Links to modules in the page : top content of the module hidden under the menu

encretpixel

Hello,

I am using menu links to modules (/index.php/produits#section-543) from the "produits" submenu. When using from the homepage or from the "produits" page itself, when I click on the second submenu "alimentaire" the top content of the module is hidden behind the menu. I have to say that I made the menu higher than the default size of the template.

Can you tell me how to resolve this problem ?

Thank you for your help.

saguaros

encretpixel

Hi,

Could you share the FTP account also?

saguaros

Hi,

I updated this file: /templates/uber/js/script.js this script:

jQuery(document).ready(function($) {
  $('a.smooth-scroll').click(function() {
    var href = $(this).attr('href');
    if (href.includes('#')) {
      var target = $('#' + href.split('#')[1]);
      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;
      }	
    }
  });
});

and add the 'smoth-scroll' class to each menu item of Produits item (screenshot), you can take a look now.

encretpixel

Hi,

Thank you for this almost there... This is solving the problem when I am on the "produits page" but if I click on a submenu item for exemple the "alimentaire" link when I am on another page of the website, then the content is again hidden behind the menu area (see the screenshot enclosed).

Can you let me know what to do ?

Thank you.

saguaros

encretpixel

Hi,

We updated above script:

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);
    }	
  }
});

and change the URL of menu items under Produits item from: section-565 to ja-section-565 for example.

You can check it now.

encretpixel

Thank you !!!!! All good now :-)

I wish you a nice day.

encretpixel

Did you install an add on to be able to make modifications to sites file through the admin of joomla ?

saguaros

Glad to be of help!

Your provided admin account has permission to change template files.

Have a nice weekend!

encretpixel

OH yes sure !!! thank you... I wish you a nice week end too.