j1-template 2020.0.3 → 2020.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5d3711d432bcb8345139685cd06df4952544d74b98bcce348dc3a23435d023ac
-  data.tar.gz: b5a7e08cdff2b51c815d86cada41ac601c57a083465d1bee31883dae2596a520
+  metadata.gz: 9ed33fae1215efb36d11eb406cdf2b4f724505c2a91e56a8154df048cf9f808c
+  data.tar.gz: fc8619dd7bdf3d5fd758636680651ef196e1a3b4c110bc9499e7922e48ef1a53
 SHA512:
-  metadata.gz: 17d0793bbc2f65a280e4447b5b8d5b2cfa47e9541c24be3d118fa51165fd50d576bc3ca428d32892201340562213b714dffe73b9d05715f611a44ad11dc2e78b
-  data.tar.gz: 908afd620d27216ce001e2861a8e110df0bf8fef04957df898ae37cc050f3767ed5cf55b7a82342bc2e3c908aa0e83368ca5de18a8ac74bf16cb80c413fd14af
+  metadata.gz: cd83535639e49facaa4f1edcb0754a403d32794737540c58121f82cb0496d79d56b76ff40a3d148c59f3d68281b95383e97ba023f860f8d78018df46f8329c2c
+  data.tar.gz: 2e4a397041b0610b5e1df1f82676e477682e992f9df10439040a6be890a0924ff937cf9cc4ead97897aa7f3212586d37f122d887b9081be6e6071c037d796d8f

data/_includes/themes/j1/layouts/content_generator_blog_archive.html

@@ -70,7 +70,8 @@
   <div class="container mb-5">
     <div class="row">
 
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         {% comment %} Blog Navigator
         ------------------------------------------------------------------------ {% endcomment %}
@@ -78,9 +79,9 @@
         <div id="blog_navigator" class="row">
           <div class="col-md-12" role="main">
 
-            <div id="article_navigator">              
+            <div id="article_navigator">
 
-              {% include {{get_page_path}} mode='absolute' %} 
+              {% include {{get_page_path}} mode='absolute' %}
               {% capture navigator_path%}{{page_path}}{% endcapture %}
               {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
 
@@ -127,7 +128,7 @@
 
                 <div class="post-headline">
                   <h2 id="previewer" class="mt-4">Preview</h2>
-                </div>            
+                </div>
 
                 {% comment %} Display pagination links if any
                 ---------------------------------------------------------------- {% endcomment %}
@@ -174,12 +175,12 @@
                     {% when 'calendar' %}
                         {% include {{collate_calendar}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                     {% when 'timeline' %}
-                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %} 
+                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
                     {% else %}
                       {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                   {% endcase %}
                 </div>
-              </div> 
+              </div>
 
             </div>
             <!-- end article previewer -->
@@ -193,14 +194,17 @@
         <!-- End Content placed by blog_archive_content.html -->
         </main> <!-- end main for split page -->
 
-        {% comment %} Place Sidebar|Tocbot
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-        <aside class="col-md-3 d-none d-md-block sticky">
-          <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
-            <div id="j1-toc-mgr" class="toc js-toc"></div>
-          </div>
-        </aside> <!-- end ASIDE for split page -->
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
+          <div id="j1-toc-mgr" class="toc js-toc"></div>
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
 
       {% comment %} Calc|Write the Back URL
       -------------------------------------------------------------------------- {% endcomment %}
@@ -210,7 +214,7 @@
         {% capture browser_page_url %}{{page.url}}{% endcapture %}
       {% endif %}
 
-      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->      
+      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->
       <script>
       /* Manage the current page settings */
       $(document).ready(function() {
@@ -223,7 +227,7 @@
             var user_state_last_page        = "{{browser_page_url}}";
             user_state.last_page            = user_state_last_page;
             j1.writeCookie({
-              name: user_state_cookie_name, 
+              name: user_state_cookie_name,
               data: user_state
             });
             /* Set default colors */
@@ -239,4 +243,4 @@
 
     </div> <!-- end row -->
   </div> <!-- end container -->
-  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->
+  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->

data/_includes/themes/j1/layouts/content_generator_collection.html

@@ -69,7 +69,7 @@
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if sidebar == false %}
       <!-- FULL page - no sidebar for page toc -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -91,7 +91,8 @@
       </main> <!-- end col-md-12 -->
     {% else %}
       <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -112,15 +113,17 @@
 
       </main> <!-- end col-md-9 -->
 
-      <aside class="col-md-3 d-none d-md-block">
-        {% comment %} if tocbot and page_navigation  {% endcomment %}
-        <!-- NOTE: BS Affix is used on class j1-sidebar instead of Tocbot Affix -->
-        <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
           <div id="j1-toc-mgr" class="toc js-toc"></div>
-        </div> <!-- end ASIDE for split page -->
-      {% comment %} endif  {% endcomment %}
-      </aside> <!-- end ASIDE for split page -->
-
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     {% endif %} <!-- endif page_navigation -->
 
     {% comment %} END COLLECTION content
@@ -128,4 +131,4 @@
 
     </div> <!-- end row -->
   </div> <!-- end container -->
-  <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [Begin content] -->
+  <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [Begin content] -->

data/_includes/themes/j1/layouts/content_generator_page.html

@@ -66,16 +66,16 @@
 
     {% if sidebar == false %}
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
         <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{content}}        
+        {{content}}
       </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] --> 
+      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
     {% else %}
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for split page (TOC) ] -->
-
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] --> 
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
         {{ content }}
 
         {% comment %} Place additional headline for comments
@@ -83,20 +83,19 @@
         {% if page.comments %}
         <h2 id="comments_leave_comment"> Leave a Comment </h2>
         {% endif %}
-      </main> 
+      </main>
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for split page (TOC) ] -->
       {% comment %} Place Sidebar|Tocbot
       -------------------------------------------------------------------------- {% endcomment %}
       <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
       <aside class="col-md-3 d-none d-md-block sticky">
-        {% comment %} if tocbot and page_navigation  
-        ------------------------------------------------------------------------ {% endcomment %}
         <div id="sidebar">
           <div id="j1-toc-mgr" class="toc js-toc"></div>
         </div>
-        {% comment %} endif  
-        ------------------------------------------------------------------------ {% endcomment %}
-      </aside> <!-- end ASIDE for split page -->
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     {% endif %} <!-- endif sidebar -->
 
   </div> <!-- end row -->
@@ -113,9 +112,9 @@
 
 <!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState cookie] -->
 <!-- script>
-  var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");  
+  var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
   var cookieUserState = 'j1.user.state'
-  var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;  
+  var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
 
   var j1_user_state = {
     'authenticated' : 'false',
@@ -128,11 +127,11 @@
     'last_signin' : 'unknown',
     'provider' : 'unknown',
     'user_name' : 'unknown',
-    'user_id' : 'unknown'     
+    'user_id' : 'unknown'
   };
 
   // Set|Detect J1 App status
   j1_user_state.last_page = "{{browser_page_url}}"
-  j1.setUserState( j1_user_state ); 
+  j1.setUserState( j1_user_state );
   logger.info(log_text);
 </script -->

data/_includes/themes/j1/layouts/content_generator_post.html

@@ -66,7 +66,7 @@
 <!-- [INFO   ] [j1.layout.content_generator_post.html ] [ begin content ] -->
 {% if page.comments %}
   <div class="container mb-0">
-{% else %}  
+{% else %}
   <div class="container mb-5"> <!-- Add additional space between end of article and the footer -->
 {% endif %}
 
@@ -77,8 +77,7 @@
   {% if sidebar == false %}
     <!-- FULL page - no sidebar for page toc -->
     <div class="row">
-
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
         <!-- div class="featured-headline" -->
@@ -137,7 +136,8 @@
   {% else %}
     <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
     <div class="row">
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -174,7 +174,7 @@
           });
           </script>
 
-          <!-- Drawer content --> 
+          <!-- Drawer content -->
           <div id="post_navigator" class="bmd-layout-drawer bg-faded">
             <span class="navbar-brand mt-2 ml-3" style="font-weight: 500;">{{page.series|upcase}}</span>
             <!--  Series Navigator -->
@@ -203,26 +203,21 @@
 
       </main> <!-- end col-md-9 -->
 
-        {% comment %} Place Sidebar|Tocbot
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-        <aside class="col-md-3 d-none d-md-block sticky">
-          {% if page.adsense %}
-            {% include {{create_ad_block}} page=page post=post %}
-          {% endif %}
-          {% comment %} if tocbot and page_navigation  {% endcomment %}
-          <!-- NOTE: BS Affix is used on class j1-sidebar instead of Tocbot Affix -->
-          <!-- div id="j1-sidebar" class="j1-sidebar hidden-print affix-top" -->
-          <div id="sidebar">
-            <div id="j1-toc-mgr" class="toc js-toc"></div>
-          </div>
-          {% comment %} endif  {% endcomment %}
-        </aside> <!-- end col-md-3 -->
-
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
+          <div id="j1-toc-mgr" class="toc js-toc"></div>
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     </div> <!-- end row -->
   {% endif %} <!-- endif sidebar -->
 
   {% comment %} END Blog post CONTENT
   ------------------------------------------------------------------------------ {% endcomment %}
 </div> <!-- end container -->
-<!-- [INFO   ] [j1.layout.content_generator_post.html ] [End content] -->
+<!-- [INFO   ] [j1.layout.content_generator_post.html ] [End content] -->

data/_includes/themes/j1/modules/navigator/generator.html

@@ -2,6 +2,7 @@
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/navigator/generator.html
  #  Liquid HTML template to create the Navigation System for J1 Template
+ #  (includes all containers needed for MMenu)
  #
  #  Product/Info:
  #  https://jekyll.one
@@ -63,23 +64,23 @@
 {% assign nav_quicklinks_settings     = navigator_settings.nav_quicklinks %}
 {% assign nav_topsearch_defaults      = navigator_defaults.nav_topsearch %}
 {% assign nav_topsearch_settings      = navigator_settings.nav_topsearch %}
-{% assign nav_sidebar_defaults        = navigator_defaults.nav_sidebar %}
-{% assign nav_sidebar_settings        = navigator_settings.nav_sidebar %}
 
 {% assign nav_authclient_defaults     = authentication_defaults.auth_client %}
 {% assign nav_authclient_settings     = authentication_settings.auth_client %}
 
+{% assign nav_mmenu_defaults            = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings            = navigator_settings.nav_mmenu %}
+
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_options             = nav_bar_defaults | merge: nav_bar_settings %}
 {% assign quicklinks_options          = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
 {% assign topsearch_options           = nav_topsearch_defaults | merge: nav_topsearch_settings %}
-{% assign sidebar_options             = nav_sidebar_defaults | merge: nav_sidebar_settings %}
 {% assign authclient_options          = nav_authclient_defaults | merge: nav_authclient_settings %}
 {% assign cookie_consent_options      = consent_defaults | merge: consent_settings %}
 {% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
-
-{% assign auth_manager_config         = authentication_options.j1_auth %}
+{% assign auth_manager_options        = authentication_options.j1_auth %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 
 {% comment %} Set navBarOptions
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -112,6 +113,7 @@
 {% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
 
 
+
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
@@ -124,24 +126,28 @@
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
 {% endif %}
 
-{% comment %} Place Mobile NAV menu container (HTML data loaded via AJAX)
------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
+-------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (mobile) ] -->
-<nav id="{{nav_mmenu_id}}"></nav>
+{% for item in nav_mmenu_options.menus %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ processing: {{item.menu.xhr_container_id}} ] -->
+
+{% comment %} Conditiuon DISABLED for testing
+--------------------------------------------------------------------------------
+{% if item.menu.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+
+{% endfor %}
 
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
 <nav id="{{nav_bar_id}}" class="{{nav_bar_default_css_classes}} {{nav_bar_color}} {{nav_bar_fixed}} {{nav_bar_style}}">
 
-  {% comment %} Place|Hide Sidebar container (HTML data loaded via AJAX)
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for sidebar ] -->
-  {% if sidebar_options.enabled %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ sidebar detected ] -->
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: sidebar ] -->
-    <div id="{{nav_sidebar_id}}" class="side"></div>
-  {% endif %}
-
   {% comment %} Place brand image
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: sidebar ] -->
@@ -149,9 +155,9 @@
   {% if brand_position == "left" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
     <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
@@ -159,9 +165,9 @@
   {% elsif brand_position == "right" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: left ] -->
     <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
@@ -170,9 +176,9 @@
   {% else %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: right ] -->
     <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
@@ -201,7 +207,7 @@
 {% comment %} Place container for sign in|out dialog used by J1 AuthClient
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for: authclient ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_config.enabled}} ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: authclient ] -->
 <div id="{{authclient_modals_id}}" class="authclient_modals"></div>
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: auth_client ] -->

data/assets/data/{sidebar.html → mmenu_sidebar.html}

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/sidebar.html
- # Liquid PROCEDURE template to create the HTML portion of the sidebar
+ # ~/assets/data/mmenu_sidebar.html
+ # Liquid PROCEDURE template to create the HTML portion of the MMenu Sidebar
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:
@@ -40,12 +40,12 @@ regenerate:                             true
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign nav_sidebar_defaults        = navigator_defaults.nav_sidebar %}
-{% assign nav_sidebar_settings        = navigator_settings.nav_sidebar %}
+{% assign nav_mmenu_defaults          = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings          = navigator_settings.nav_mmenu %}
 
 {% comment %} Set config options
 ------------------------------------------------------------------------------ {% endcomment %}
-{% assign sidebar_options             = nav_sidebar_defaults | merge: nav_sidebar_settings %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 
 {% comment %} Set sidebar properties
 ------------------------------------------------------------------------------ {% endcomment %}
@@ -62,6 +62,13 @@ regenerate:                             true
 {% comment %} Main
 ------------------------------------------------------------------------------ {% endcomment %}
 
+{% for item in nav_mmenu_options.menus %}
+{% if item.menu.xhr_container_id == "navigator_sidebar_mmenu" %}
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [ collect data for mmenu sitebar ] -->
+{% assign sidebar_options = item.menu.content %}
+{% endif %}
+{% endfor %}
+
 {% if sidebar_options.icon_family == 'FontAwesome' or sidebar_options.icon_family == 'FontAwesome4' or sidebar_options.icon_family == 'FontAwesome5' %}
   {% assign icon_family = 'fa' %}
 {% elsif sidebar_options.icon_family == 'MDI' or sidebar_options.icon_family == 'Material Design Icons'%}
@@ -80,9 +87,9 @@ regenerate:                             true
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing: sidebar] -->
-  <a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} mdi-48px" {{icon_color}}></i></a>
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing: sidebar] -->
+<!-- use BS4 class d-block to make sure, the sidebar is VISIBLE on ALL @media -->
+<div class="mm-side d-block">
 {% for boxes in sidebar_options.boxes %}
   {% for box in boxes %}
 
@@ -102,8 +109,8 @@ regenerate:                             true
         {% comment %} Collect USER info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'user_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [USER info enabled] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [USER info enabled] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="user-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul id="display_user_details" class="link">
@@ -153,8 +160,8 @@ regenerate:                             true
         {% comment %} Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'theme_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [THEME info detected] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [THEME info detected] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="theme-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul class="link">
@@ -189,7 +196,7 @@ regenerate:                             true
             {% endfor %}
             </ul>
           </div>
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: THEME info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: THEME info] -->
 
         {% comment %} END Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
@@ -205,7 +212,7 @@ regenerate:                             true
         {% comment %} Collect SITE info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'site_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing SITE info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing SITE info] -->
 
           <div id="site-info" class="widget">
             <h4 class="heading">{{title}}</h4>
@@ -251,11 +258,10 @@ regenerate:                             true
 
   {% endfor %}
 {% endfor %}
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing sidebar boxes] -->
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: sidebar] -->
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing sidebar boxes] -->
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: sidebar] -->
+</div>
 {% endcapture %}
 
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
 {% assign cache = nil %}
-