Help Adding Google Plus Icon Onto Website Header
-
Hello!
I am brand new to coding and wordpress, but am helping a friend amend her www.remarpro.com site – https://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!
- The topic ‘Help Adding Google Plus Icon Onto Website Header’ is closed to new replies.