Have social icons and search in header

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!

 

Hi,

Please follow the screenshot given below.



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

 

Thank you! That worked great!

 

You're welcome..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com