How to add Twitter button on menu bar?

Viewing 10 replies - 1 through 10 (of 10 total)

  • If your theme is using the new Menu Management, you can use that.

    Otherwise you will need to edit your theme’s header.php file, and add the HTML needed for a link.

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    I managed to put the Twitter icon on the button by posting the code in the title bar in pages, but the icon shows up too low on the button. How can I make it higher?

    Looks like you’ve accidentally added an extra link above the Twitter one. 

    <li class="page_item page-item-141">
<a title="" href="https://www.avenueapplemac.com/141-2/"></a>
<a href="https://www.twitter.com/AvenueAppleMac"><img alt="Follow AvenueAppleMac on Twitter" src="https://twitter-badges.s3.amazonaws.com/t_mini-a.png"></a>
</li>

    You only need the one link with the image (assuming you only want to show the icon)

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    Where do I go to delete it? I can’t find the code you just posted. I only posted the twitter.com line on the Pages title bar, I didn’t actually post it in Editor.

    Also, how do I switch the Twitter button with the “Contact Us” button so that the Twitter Icon is next to the RSS button?

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    Ok, I figured out how to switch the buttons.

    But I still can’t find the line to delete. I assume that’s the line I have to delete.

    It looks like https://www.avenueapplemac.com/141-2 is the Permalink that was automatically generated when I posted in Pages.

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    Does anyone have any idea how I could get rid of the extra link on my Twitter button?

    I can’t find the extra Permalink in my Editor. I tried the Header.php, Index.php, Page.php and even Style.css.

    <li class="page_item page-item-141">
<a href="https://www.twitter.com/AvenueAppleMac"><img alt="Follow AvenueAppleMac on Twitter" src="https://twitter-badges.s3.amazonaws.com/t_mini-a.png"></a>
</li>

    Replace with my code in the twitter section.

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    Where’s the twitter section?

    I didn’t use a Twitter plugin. I just posted the Twitter code that Twitter gave me, and posted the code in Pages (that’s where all the buttons are being set up), and I put the code in the title bar in Pages.

    <img src=”https://twitter-badges.s3.amazonaws.com/t_mini-a.png&#8221; alt=”Follow AvenueAppleMac on Twitter”/>

    Maybe I’m doing this all wrong?

    put in header.php file or remove this <a title="" href="https://www.avenueapplemac.com/141-2/"></a> from your header.php file. Or can u give ur header.php file?

    Thread Starter avenueapple-mac

    (@avenueapple-mac)

    This is what’s in my header.php right now.

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <head profile=”https://gmpg.org/xfn/11″&gt;

    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title><?php wp_title(‘«’, true, ‘right’); ?> <?php bloginfo(‘name’); ?></title>

    <meta content=’Apple Mac Accessories, Apple gadgets, iPad cases, iPhone cases, iPod cases ‘ name=’keywords’/>
    <meta content=’All about Apple Mac accessories, Gadgets, iPad cases, iPhone cases, iPod cases ‘ name=’description’/>

    <link rel=”shortcut icon” href=”favicon.ico”>
    <link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/print.css” type=”text/css” media=”print” />

    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
    <?php wp_head(); ?>

    </head>

    <body <?php body_class(); ?>>
    <div id=”page”>

    <div id=”header” onclick=”location.href=’https://www.avenueapplemac.com/&#8217;;” style=”cursor: pointer;”>
    <div id=”headerlogo”>
    <h1>” title=”<?php bloginfo(‘name’) ?>: <?php bloginfo(‘description’) ?>”><?php bloginfo(‘name’) ?></h1>

    <div class=”description”><?php bloginfo(‘description’) ?></div>

    </div>
    </div>

    <div id=”hmenu”> <!– Horizontal navigation menu –>
    Skip to content

    </div>

    <div id=”container”>
    <div id=”wrapper”>

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to add Twitter button on menu bar?’ is closed to new replies.