news is added dynamically to navbar and order btn home (About) and news is flipped in header.liquid

Author: Pablo Ruiz Fabo

_includes/header.liquid

@@ -48,27 +48,7 @@
             {% if page.permalink == '/' %} {% assign about_title = page.title %} {% endif %}
           {% endfor %}
 
- <li class="nav-item {% if page.title == 'news' %}active{% endif %}"> 
-   <a class="nav-link" href="{{ '/news/' | relative_url }}">news 
-     {%- if page.title == "news" -%} 
-     <span class="sr-only">(current)</span> 
-     {%- endif -%} 
-   </a> 
- </li> 
-
-          <!-- About -->
-          <li class="nav-item {% if page.permalink == '/' %}active{% endif %}">
-            <a class="nav-link" href="{{ '/' | relative_url }}">
-              {{- about_title }}
-              {% if page.permalink == '/' %}
-                <span class="sr-only">(current)</span>
-              {% endif %}
-            </a>
-          </li>
-
-
-
-          <!-- Other pages -->
+          <!-- Other pages than About-->
           {% assign sorted_pages = site.pages | sort: 'nav_order' %}
           {% for p in sorted_pages %}
             {% if p.nav and p.autogen == null %}
@@ -129,6 +109,17 @@
               {% endif %}
             {% endif %}
           {% endfor %}
+
+          <!-- About -->
+          <li class="nav-item {% if page.permalink == '/' %}active{% endif %}">
+            <a class="nav-link" href="{{ '/' | relative_url }}">
+              {{- about_title }}
+              {% if page.permalink == '/' %}
+                <span class="sr-only">(current)</span>
+              {% endif %}
+            </a>
+          </li>
+
           {% if site.search_enabled %}
             <!-- Search -->
             <li class="nav-item">

_pages/news.md

@@ -2,6 +2,7 @@
 layout: page
 title: news
 permalink: /news/
+nav: true
 ---
 
 {% include news.liquid %}