How can I remove the "about" tab from the header?

[mhdadk]

I'm trying to remove the "about" tab in the header, which is circled in the first screenshot below. The reason for this is that, when I am in any other tab, such as the "blog" tab, there are two tabs in the header that lead to the same page: my name (circled in red in the second screenshot below), and the "about" tab (circled in blue in the second screenshot below). One of these is redundant, and I'm trying to find a way to remove the "about" tab and keep my name only. Any suggestions on how I can do this?

[mhdadk]

I'll answer my own own question. The "about" tab can be removed as follows.

1. Open the file al-folio/_includes/header.liquid.
2. Go to line 49, where you will see the following code:

   al-folio/_includes/header.liquid

   Lines 49 to 57 in c4c0665

   	<!-- 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>

3. Comment out this piece of code by adding the {% comment %} and {% endcomment %} delimiters as follows:

         <!-- About -->
         {% comment %}
         <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>
         {% endcomment %}

4. Next, go to line 98 in the same file, where you will see the following code:

   al-folio/_includes/header.liquid

   Lines 98 to 106 in c4c0665

   	<li class="nav-item {% if page.url contains p.permalink %}active{% endif %}">
   	{% if p.permalink contains '/blog/' %}{% assign url = '/blog/' %} {% else %}{% assign url = p.url %}{% endif %}
   	<a class="nav-link" href="{{ url | relative_url }}">
   	{{- p.title }}
   	{% if page.url contains p.url %}
   	<span class="sr-only">(current)</span>
   	{% endif %}
   	</a>
   	</li>

5. Add the if statement {% if p.title != about_title %} as follows:

               <li class="nav-item {% if page.url contains p.permalink %}active{% endif %}">
                 {% if p.permalink contains '/blog/' %}{% assign url = '/blog/' %} {% else %}{% assign url = p.url %}{% endif %}
                 {% if p.title != about_title %}
                     <a class="nav-link" href="{{ url | relative_url }}">
                       {{- p.title }}
                       {% if page.url contains p.url %}
                         <span class="sr-only">(current)</span>
                       {% endif %}
                     </a>
                 {% endif %}
               </li>

Once you rebuild the website, the "about" tab should now be removed.