定制标志与首页链接

我有麻烦，添加自定义的标志与链接导航栏，如果我们向下滚动定制标志与首页链接

是类“下拉菜单下拉逆”

网站：http://its-skin.upgates.com

CSS：

.secondlogo { 
background-image: url(http://static.its-skin.upgates.com/m/m57daee4256187-sublogo.png); 
width: 250px; 
height: 54px; 
margin-left: auto; 
margin-right: auto; 
}

这里是代码全码：

<ul class="nav navbar-nav top-menu top-menu-categories"> 
    {else} 
     <ul class="dropdown-menu dropdown-inverse" data-designer="d1-2-2-1"> 
    {/if} 
     {foreach $tree as $category} 
      <li class="ct_{$category['category_id']} lev-{$level}{if $category['active']} active{/if}{if count($category['childs'])} dropdown{if $level > 1} dropdown-submenu{/if}{/if}" data-target-category="{$category['target_category_id']}"> 
       <a href="{$category['url']}"{if $category["blank_yn"]} target="_blank"{/if} class="TopMenuLink"> 
        {$category['name']} 
        {if (count($category['childs']))} 
         <i class="caret"></i> 
        {/if} 
       </a> 
       {if count($category['childs'])} 
        <button class="btn SubcategoriesLink"><i class="fa fa-chevron-right"></i></button> 
       {/if} 
       {include #desktopMenu tree => $category['childs'], level => $level + 1, option => false, colsCount => ceil(count($category['childs'])/$itemsInCol)} 
      </li> 
     {/foreach} 
    </ul>

来源

2016-09-21 Thomas.D

确切位置在哪里做你喜欢的图片？你可以命名导航项目或提供屏幕截图？并且应该将图像链接导航到其他位置而不是导航项目？ –

嗨，谢谢你的回复！ https://postimg.org/image/8cimh5sab/ 和图像是在CSS（.secondlogo） –

你可以在你的UL开始持有的链接添加另一个列表元素

<ul class="nav navbar-nav top-menu top-menu-categories"> 

    <!-- New Element with class logolink -->  
     <li class="ct_29 lev-1 logolink"> 
     <a href="http://its-skin.upgates.com/" class="TopMenuLink"> 
     Link     
     </a> 
     </li> 
     <li class="ct_29 lev-1" data-target-category="29"> 
     <a href="http://its-skin.upgates.com/krasa-it-s-skin" class="TopMenuLink"> 
     Krása It's Skin 
     </a> 
     </li> 
        ... 
     </ul>

然后，只需使用CSS来把你的标志在前面

.logolink { 
    background-image: url(http://placehold.it/16x16/ff0000); 
    background-position: left center; 
    background-repeat: no-repeat; 
    padding-left: 20px; /* Adjust to your logo size*/ 
}

例子：