<header>
    <nav class="navbar">
        <div class="nav-title">
            <a class="home-title" href={{ config.base_url }}>{{ config.title }}</a>
        </div>

        {%- if config.extra.menu %}
            <div class="nav-navs">
                <ul>
                    {% for menu in config.extra.menu %}
                        <li>
                            <a class="nav-links no-hover-padding" href={{ menu.url | safe | replace(from="$BASE_URL" , to=config.base_url) }}>{{ menu.name }}</a>
                        </li>
                    {% endfor %}
                    {%- if config.extra.theme_switcher == true -%}
                        <li class="theme-switcher-wrapper">
                            <div class="theme-switcher"></div>
                        </li>
                    {%- endif -%}
                </ul>
            </div>
        {% endif %}
    </nav>
</header>
