[Resolved] Adding elements to a Sub Nav Element

Hi there,

Where can I see that element?

How are you adding it?

Hi there,

Your HTML in the initial post is broken:

<li id="messages-personal-li" >
    <a id="user-messages" class="menu-item menu-item-type-post_type menu-item-object-post messages-personal-li button">
        <a href="https://domain/members/me/messages/">Beskeder <span class="count"></span>
    </a>
</li>

Try this:

<li id="messages-personal-li" >
    <a href="https://domain/members/me/messages/" id="user-messages" class="menu-item menu-item-type-post_type menu-item-object-post messages-personal-li button">
        Beskeder <span class="count"></span>
    </a>
</li>

Let me know 🙂

Is there a specific page where I can see this?

Are you trying to add it as a regular menu item?

Can you show me exactly where you want it? Next to the mobile menu 3 bars? Inside the off canvas panel?

And you’re wanting this HTML to render in the white bar with the current “Menu” item with the 3 bars?

So what if you do this in the Hook Element:

<div class="grid-container sub-navigation grid-parent">
    <ul>
        <li id="messages-personal-li" >
            <a href="https://domain/members/me/messages/" id="user-messages" class="menu-item menu-item-type-post_type menu-item-object-post messages-personal-li button">
        Beskeder <span class="count"></span>
            </a>
        </li>
    </ul>
</div>

Any improvement?

You have this CSS added to your site:

a#user-messages {
    display: none !important;
}

You’ll need to remove that CSS, or remove that ID from the <a> element.

Then you can add this CSS:

.sub-navigation ul {
    list-style-type: none;
    margin: 0;
}