Hi,

Is there a way I can add a logo in the middle of the site menu like below using a dynamic razor file?

<ul>
<li>Home</li>
<li>Blog</li>
<li>About</li>
    <li>LOGO HERE</li>  <------
<li>Services</li>
<li>Explore</li>
<li>Contact</li>
</ul>

My macro code is

@inherits umbraco.MacroEngines.DynamicNodeContext
@{ 

    var level = String.IsNullOrEmpty(Parameter.Level) ? 1 : int.Parse(Parameter.Level); 

    var parent = @Model.AncestorOrSelf(level);
    if (parent != null) {
        <ul class="menu vertical medium-horizontal">
            <li><a href="/">Home</a></li>
        @foreach (var item in parent.Children.Where("Visible")) {
            var active = Array.IndexOf(Model.Path.Split(','), item.Id.ToString()) >= 0 ? " class=\"active\"" : "";
            <li@Html.Raw(active)>
                <a href="@item.Url">@item.Name</a>
            </li>
            }
        </ul>
    }
}

Thank you.