Page Header Dot

Support Themes & Styling
1

Hello everyone!

I’m having a strange issue using my own theme with grav. I’m pretty new to this CMS so sorry, if my question is simple, but I’m really stuck with this!

In my page header, next to my logo, there is a dot. And I really don’t know how to get it out of there (or even how it got in there. It was not from the beginning).

Unbenannt
Unbenannt1814×232 5.13 KB

Maybe someone can help me here?
I think the issue is not occuring in my navigation.html.twig or base.html.twig because I tried to fix it there but nothing worked.

Thank you for your support!
Franzy

2

Hi and welcome!

Do you know HTML? Can you post the HTML source code for your page and “dot”, since that would be a lot more helpful in diagnosing your issue. Perhaps also the Twig that generate that bit of HTML too.

4

Hi!

Sorry for the deleted post, i was posting the wrong code in there.

Thats my Twig for the header:

{% block header %}
    <div class="header">
        <div class="wrapper padding">
            <a class="logo left" href="home"><img src="{{ url('user/images/logo_tuc.png') }}"></img>
            </a>
            {% block header_navigation %}
            {% if not module.header.hidemenu %}
                {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
                <li class="{{ current_module }}"><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
            {% endif %}
            <nav class="main-nav">
                {% include 'partials/navigation.html.twig' %}
            </nav>
            {% endblock %}
        </div>
    </div>
{% endblock %}

and thats my HTML:

<div class="header">
    <div class="wrapper padding">
        <a class="logo left" href="home"><img src="/grav-admin/user/images/logo_tuc.png"></img>
        </a>
            <li class=""><a href="#"></a></li>
   <nav class="main-nav">     
        <ul>
            <li class="selected">
            <a href="/grav-admin/de">Home</a>
            </li>
            <li class="">
            <a href="/grav-admin/de/register">Registrieren</a>
            </li>
            <li class="">
            <a href="/grav-admin/de/login">Login</a>
            </li>
       </ul>
</nav>
  </div>
</div>

I could imagine it’s because of the <li class=""><a href="#"></a></li>in my HTML, but I dont know how to get it out of there using my twig. :thinking:
Thank you in advance,
Franzy

5

I deleted this line, and now I’m free of the dot!
Thanks for your proposal to check the HTML Code, that really did it for me!

Franzy

1 Like