WordPress Navwalker: Изменение размера ссылки Navbar-Brand Clickable?

Question

Немного странного вопроса. Кажется, я ничего не могу найти в этом решении.

Я использую Navstalker Bootstrap на моем сайте WordPress. При использовании класса navbar-brand для отображения и привязки моего логотипа к домашней странице кажется, что вам нужно щелкнуть по определенной области логотипа (очевидно, это не хорошо с точки зрения удобства использования.) Кто-нибудь знает, как сделать это площадь кликов больше?

Мой сайт: http://www.franhaines.co.uk/paddlethewye/

Мой код:

<header> 
 
     <nav class="navbar navbar-default" role="navigation"> 
 
      <div class="container-fluid"> 
 
       <!-- Brand and toggle get grouped for better mobile display --> 
 
       <div class="navbar-header"> 
 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
 
         <span class="sr-only">Toggle navigation</span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
        </button> 
 
        <a class="navbar-brand" href="<?php echo home_url(); ?>"><img class="logo" src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="" /></a> 
 
       </div> 
 
       <?php 
 
       wp_nav_menu(array(
 
         'menu'    => 'primary', 
 
         'theme_location' => 'primary', 
 
         'depth'    => 2, 
 
         'container'   => 'div', 
 
         'container_class' => 'collapse navbar-collapse', 
 
         'container_id'  => 'bs-example-navbar-collapse-1', 
 
         'menu_class'  => 'nav navbar-nav', 
 
         'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
 
         'walker'   => new wp_bootstrap_navwalker()) 
 
       ); 
 
       ?> 
 
      </div>  
 
     
 
    <div id='phone'> 
 
    <img src='http://www.franhaines.co.uk/paddlethewye/wp-content/themes/BareTheme/images/telephone.png'><a href="callto:01600 890027">01600 890027</a> 
 
    </div> 
 
</nav>

Я не верю, что мой CSS является переопределение ничего, как я не изменил ширину/высоту любого из классы, кроме переключателя navbar.

Есть ли у кого-нибудь предложения? Приветствия.

Answer 1

Немного странная ситуация, в которой вы здесь находитесь, но я обнаружил, что если вы примените следующие стили к элементу, элемент будет охватывать весь логотип.

<a class="navbar-brand" href="http://www.franhaines.co.uk/paddlethewye" style="min-width: 250px;"> 
<img id="logo" src="wp-content/themes/BareTheme/logo.png" alt="Paddle the Wye Logo" border="0" style="position: absolute;z-index: 2;"></a> 

применения мин-ширина 250px по ссылке и позиции абсолютного и г-индекс к логотипу будет решить вопрос