This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Search bar in header-addon

  • Creator
  • #8206

    For the site, I would like to put the Search bar in the header under the facebook icon like shown in this header mockup . Using firebug, I found the code for the facebook icon and for the search widget. Can I put these into my functions.php in the Child theme? This also makes it come up with facebook with a narrow browser above the menu, which is good.
    Also, I would like to style it with transparency (I assume with a PNG) and make it as shown in the mockup above?

    /* Adding Search onto header-addon 5-10-13 */
    <div class="header-addon">
    <div class="social-media">
    <div class="themeblvd-contact-bar">
    <ul class="light">
    </br></br> // Moves facebook icon down from vertical center
    <a class="facebook" target="_blank" title="Facebook" href="">Facebook</a>
    <aside id="search-2" class="widget widget_search">
    <div class="widget-inner">
    <div class="themeblvd-search">
    <form action="" method="get">
    <span class="input-wrap">
    <input class="search-input" type="text" value="Search the site..." onfocus="if(this.value == 'Search the site...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search the site...';}" name="s">
    <span class="submit-wrap">
    <div class="clear"></div>
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.