.

js/js.js

@@ -1,8 +1,9 @@
 (function ($, Drupal) {
 
-  Drupal.behaviors.myAwesomeJs = {
+  Drupal.behaviors.footnote_tooltips = {
     attach: function attach(context, settings) {
         //js goes here
+        $('.menu').remove();
     }
   };
 

lmmi_journal.info.yml

@@ -7,6 +7,7 @@ base theme: magazineplus
 # Defines libraries group in which we can add css/js.
 libraries:
   - lmmi_journal/global-styling
+  - lmmi_journal/global-scripts
   - lmmi_journal/fonts
 
 stylesheets-remove: core/themes/stable/css/views/views.module.css

lmmi_journal.libraries.yml

@@ -8,6 +8,11 @@ global-styling:
   dependencies:
     - core/jquery
 
+global-scripts:
+  js:
+    js/js.js: {}
+
+
 fonts:
   version: VERSION
   remote: //fonts.googleapis.com/css

src/js/js.js

@@ -1,8 +1,9 @@
 (function ($, Drupal) {
 
-  Drupal.behaviors.myAwesomeJs = {
+  Drupal.behaviors.footnote_tooltips = {
     attach: function attach(context, settings) {
         //js goes here
+        $('.menu').remove();
     }
   };
 

src/scss/_article-pages.scss

@@ -19,13 +19,15 @@
             margin-top: 1rem;
         }
     }
+    //footnotes
     a[id^="footnote"] {
         border: 1px solid #5d5d5d;
         background: #5d5d5d;
         color: #fff;
         border-radius: 4px;
         text-decoration: none;
-        padding: 2px 4px;
+        padding: 2px 3px;
-        font-size:1.2rem;
+        font-size:1.1rem;
+        vertical-align:super;
     }
 }

src/scss/style.scss

@@ -1,7 +1,7 @@
 //imports
 @import 'lp-preview-grid';
 @import 'lp-hero';
-@import 'article-title-banner';
+@import 'article-pages';
 
 /*on-scroll menu */
 .fixed-header-enabled.onscroll .header-container ul.menu {