Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

Page Header Dot

Solved by Franziska Wolf View solution

Started by Franziska Wolf 6 years ago · 3 replies · 469 views

6 years ago

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|690x88

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

Hugh Barnes Regular

Grav Forum Moderators Veteran First Post Conversation Starter Well Liked 577 posts

6 years ago

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.

6 years ago

Hi!

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

Thats my Twig for the header:

TWIG

{% 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:

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. 🤔
Thank you in advance,
Franzy

6 years ago Solution

@franzywolf:
<li class="{{ current_module }}"><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>

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

Topic	Replies	Views	Activity
Grav 2 + Admin2: custom page blueprint fields not showing in Admin Themes & Styling · by Pedro M, 2 months ago	4	196	2 months ago
Change page background colour Themes & Styling · by Ian, 2 months ago	3	92	2 months ago
Customizing Blog Post Layout Using "Summary Size and Separator" Themes & Styling · by Norbert, 2 years ago	11	454	3 months ago
Fork of the Knowledge Base theme Themes & Styling · by Lukáš Findeis, 3 months ago	0	47	3 months ago
Oxygen theme not working right Themes & Styling · by Sebadamus, 4 months ago	5	126	3 months ago

Suggested topics