• Hello!

    I am brand new to coding and wordpress, but am helping a friend amend her wordpress.org site – http://www.byappointmentafrica.com (different account to the one I am using to submit this ticket).

    We are trying to add a Google Plus icon at the top right of her website header banner, next to the existing Twitter/Linked In/Facebook icons that are there already. In the header.php editor I can see the code for the other 3 social icons that are there already (Twitter,Linked In and Facebook “social-icon-wrappers”), but if I try and repeat the same code but replace ‘facebook’ i.e. with ‘google plus’ or ‘gplus’ or ‘googleplus’ (not sure which one is correct), it just creates a duplicate Facebook icon, but in the correct location and style (so I know I am half on the right track! =)).

    The header.php code is:

    <header class=”banner container” role=”banner”>
    <div class=”row header-main”>
    <div class=”col-md-2 col-sm-3 hidden-xs”>
    <div class=”header-logo”>
    /”><img src=”<?php echo get_template_directory_uri(); ?>/images/logo.png” alt=”Logo” class=”img-responsive”>
    </div>
    </div>
    <div class=”col-md-6 col-sm-4 col-xs-3″>
    <div class=”header-title”>
    <img src=”<?php echo get_template_directory_uri(); ?>/images/header-title.png” alt=”By Appointment Africa” class=”img-responsive”>
    </div>

    </div>
    <div class=”col-md-4 col-sm-5 col-xs-9″>
    <div class=”row”>
    <div class=”col-md-12″>
    <div class=”header-social-links”>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons twitter”>
    </div>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons linked-in”>
    </div>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons facebook”>
    </div>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>
    <div class=”header-subtitle”>
    Bespoke Recruitment
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>

    <i class=”icon-reorder”></i>

    <nav class=”nav-main” role=”navigation”>
    <div class=”collapse navbar-collapse”>
    <?php
    if (has_nav_menu(‘primary_navigation’)) :
    wp_nav_menu(array(‘theme_location’ => ‘primary_navigation’, ‘menu_class’ => ‘nav navbar-right navbar-custom’));
    endif;
    ?>
    </div>

    </nav>
    </div>
    </div>
    </header>

    Can anyone help/suggest/guide me on the right code duplication (using the existing code that is there) to add in a Google Plus icon?

    Thanks!

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

The topic ‘Help with header.php adding social media icons’ is closed to new replies.