Tracker At Menu

P.S. Specific Reference here:

https://drive.google.com/file/d/1kN0UFipQqWXDLAVDd9xTJnOC5usWyXh5/view?usp=sharing

Please assume that I already have all the assets ready: background images etc.

Thanks!

Looking at that code, they're using an SVG element which has been animated. I assume you could do something with a GIF, but SVG is definitely more modern.

Unfortunately I have no idea how it's done exactly - I assume it's done using a specific software.

Sorry that I can't be more helpful!

Right, got it. Is there a hook in elements for the Right side of the menu, though?

Hi there,

you can use the inside navigation hook in Elements, add something like this should get you started:

HTML inside Hook:

<div class="nav-item">
    My Nav item content
</div>

And this CSS:

@media (max-width: 1024px) {
    .inside-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .nav-item {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .main-nav {
        margin-left: auto;
        margin-right: auto;
    }
}

Thanks David.

Which one would you recommend - doing a hook, or creating a Widget Area as this link suggests?

https://codex.wordpress.org/Widgetizing_Themes

I would only register a widget area if i were going to use a widget. If not Hook is the way to go.

You got it. Thanks David. Will report back soon.

You're welcome