diff --git a/CHANGELOG.md b/CHANGELOG.md
index dfc054565776eba122d78f23fdaf8a29f338c23c..24806712fdfcf73c698ced5b832f5bedc8cc95d6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.7.7] - 16/12/2020
+
+- Add id attribute in sections that are linked from scrolling menu
+
 ## [2.7.6] - 04/12/2020
 
 - Add composer.json file
diff --git a/cern_components.info.yml b/cern_components.info.yml
index 8ac1869bd3b12c29470b7cfbed7ea584b7259554..764365db25429a8187eb7b676d3df08530e46989 100755
--- a/cern_components.info.yml
+++ b/cern_components.info.yml
@@ -2,7 +2,7 @@ name: "CERN Components"
 type: module
 description: "Provides all the necessary modules regarding CERN Web Components."
 core: 8.x
-version: 2.7.6
+version: 2.7.7
 package: CERN Components
 dependencies:
   - components:components (>=8.x-1.1-alpha1)
diff --git a/patterns/molecules/page-navigation/js/page-navigation.component.js b/patterns/molecules/page-navigation/js/page-navigation.component.js
index 2ee74a157c755a4e0770d5ad34f1b29f1a474363..2064cd113b4826bffc3a2d2266d883ef6844c995 100755
--- a/patterns/molecules/page-navigation/js/page-navigation.component.js
+++ b/patterns/molecules/page-navigation/js/page-navigation.component.js
@@ -128,6 +128,7 @@
                 if (jQuery(this).data('title') != undefined && i < 7) {
                     i++;
                     jQuery(this).addClass('s' + i);
+                    jQuery(this).attr('id', 's' + i);
                     jQuery(this).attr('data-navigation', 's' + i);
                     innerHtml += '<span  class="subNavBtn s' + i + '"><a href="#s' + i + '"><span>' + jQuery(this).data('title') + '</span></a></span>'
                 }