Have social icons and search in header

Discussion in 'Harrington- A WordPress Business Theme.' started by dmedia, Jun 26, 2016.

Thread Status:
Not open for further replies.
  1. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Hi - This theme places social icons in the 4th footer widget. If we want to have those same icons and the search bar in the header, to the right of the logo, is that possible?

    We may or may not want to use the 4th footer widget for something else.

    http://dev.dfwvetsurgeons.com/

    Thank you for your help!
     
  2. priya

    priya Guest

    Hi,

    Please follow the screenshot given below.

    Harrington_add_social_icons_header.png

    Code is as follow..
    PHP:
    <div class="footer_widget">
          <div class="footer_widget last">
         <?php if (is_active_sidebar('fourth-footer-widget-area')) : ?>
         <?php dynamic_sidebar('fourth-footer-widget-area'); ?>
         <?php else : ?>
        <h4>Social Icons</h4>
        <ul class="tt-wrapper">
                    <?php if (inkthemes_get_option('inkthemes_dribbble') != '') { ?>
                    <li><a class="db" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_dribbble'); ?>"><span>Dribbble</span></a></li>
                    <?php ?>               
                    <?php if (inkthemes_get_option('inkthemes_facebook') != '') { ?>
                    <li><a class="fb" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_facebook'); ?>"><span>Facebook</span></a></li>
                    <?php ?>   
                    <?php if (inkthemes_get_option('inkthemes_intagram') != '') { ?>
                    <li><a class="ins" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_intagram'); ?>"><span>Instagram</span></a></li>
                    <?php ?>
                    <?php if (inkthemes_get_option('inkthemes_google') != '') { ?>
                    <li><a class="gp" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_google'); ?>"><span>Google Plus</span></a></li>
                    <?php ?>
                    <?php if (inkthemes_get_option('inkthemes_pinterest') != '') { ?>
                    <li><a class="pn" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_pinterest'); ?>"><span>Pinterest</span></a></li>
                    <?php ?>
                    <?php if (inkthemes_get_option('inkthemes_twitter') != '') { ?>
                    <li><a class="tw" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_twitter'); ?>"><span>Twitter</span></a></li>
                    <?php ?> 
                    <?php if (inkthemes_get_option('inkthemes_rss') != '') { ?>
                    <li><a class="rss" target="_blank" href="<?php echo inkthemes_get_option('inkthemes_rss'); ?>"><span>Rss</span></a></li>
                    <?php ?>
        </ul>
        <form class="searchform" action="#" method="get">
                    <input onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"  value="Search" type="text" name="s" id="s" />
                    <input type="submit" value="" name="submit"/>
                </form>
                <?php endif; ?>
        </div>
        </div>
    For your information, I am using "WP-Editor" plugin to edit files.

    You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

    After activating this plugin, you will get the same screen as shown in the screenshot.

    At last please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .tt-wrapper li {
        float: right;
       display: inline-flex;
        margin-left: -7px;
    }
    .footer_widget.last {
        float: right;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Thank you! That worked great!
     
  4. priya

    priya Guest

    You're welcome..:)

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
Thread Status:
Not open for further replies.

Share This Page