在切換旁邊添加「菜單」（文字）？

我正在使用Bigfoot主題http://themes.thehappybit.com/themes/bigfoot/，我一直在試圖弄清楚如何在我的網頁桌面版本的切換觸發器旁邊添加「MENU」。我認爲這對桌面訪問者來說有點像現在一樣令人困惑。我會在哪裏管理這個？任何指導，非常感謝！在切換旁邊添加「菜單」（文字）？

這裏是我要找後/試圖完成一個參考：http://themes.thehappybit.com/themes/rockford/

頭PHP &切換PHP

<!doctype html> 
<html <?php language_attributes(); ?> <?php thb_html_class(); ?>> 
<head> 
    <?php thb_head_meta(); ?> 

    <title><?php thb_title(); ?></title> 

    <?php wp_head(); ?> 
</head> 
<body <?php body_class(); ?>> 

    <?php thb_body_start(); ?> 

    <div id="page"> 

     <?php thb_header_before(); ?> 

     <header id="header"> 
      <?php thb_header_start(); ?> 

      <div class="header-container"> 

       <div class="wrapper"> 
        <?php 
         $logo = thb_get_option('main_logo'); 
         $logo_2x = thb_get_option('main_logo_retina'); 

         if(!empty($logo['id']) && !empty($logo_2x['id'])) : ?> 
         <?php $logo_metadata = wp_get_attachment_metadata($logo['id']); ?> 
         <style> 
          @media all and (-webkit-min-device-pixel-ratio: 1.5) { 
           #logo { 
            background-image: url('<?php echo thb_image_get_size($logo_2x['id'], 'full'); ?>'); 
            background-size: <?php echo $logo_metadata['width']; ?>px, <?php echo $logo_metadata['height']; ?>px; 
           } 

           #logo img { visibility: hidden; } 
          } 
         </style> 

         <?php endif; 
        ?> 
        <h1 id="logo"> 
         <a href="<?php echo home_url(); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>"> 
          <?php if(isset($logo['id']) && $logo['id'] != '') : ?> 
           <img src="<?php echo thb_image_get_size($logo['id'], 'full'); ?>" alt=""> 
          <?php else : ?> 
           <?php bloginfo('name'); ?> 
          <?php endif; ?> 
         </a> 
        </h1> 

        <?php thb_nav_before(); ?> 

        <a href="#" id="nav-trigger">m</a> 

        <div class="nav-wrapper"> 
         <nav id="main-nav" class="main-navigation primary"> 
          <?php thb_nav_start(); ?> 

          <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 

          <?php thb_nav_end(); ?> 
         </nav> 

         <nav id="mobile-nav" class="main-navigation primary"> 
          <?php thb_nav_start(); ?> 

          <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 

          <?php thb_nav_end(); ?> 
         </nav> 
        </div> 
        <?php thb_nav_after(); ?> 
       </div> 
      </div> 

      <div class="wrapper">

切換PHP

<div class="thb-shortcode thb-toggle <?php echo implode(' ', $class); ?>"> 
<h1 class="thb-toggle-trigger"> 
    <?php echo $title; ?> 
</h1> 

<div class="thb-toggle-content"> 
    <?php echo thb_text_format($content, true); ?> 
</div>

來源

2013-12-15 user3104474

嘗試這樣的事情：

<a href="#" id="nav-trigger"> 
    <span style="font-family: Arial;">MENU</span> m 
</a>

您遇到的問題是menüicon不是內嵌或背景圖像，而是字體字符。 a-tag使用一個字體，其中m代表這個菜單圖標。因此，將另一個元素放在a-tag中，並賦予它另一個字體系列應該可以做到。

來源

2013-12-15 20:13:17

謝謝您的回覆。但它沒有奏效。 – user3104474

你是否在某處在線？ –

在我以前的帖子中添加了som代碼。沒有在線尚未... :(希望這可以幫助。Thnanks！ – user3104474

在切換旁邊添加「菜單」（文字）？

回答

相關問題