Search bar

Discussion in 'RoadFighter WordPress Theme' started by bernz, Mar 11, 2014.

  1. bernz

    bernz Guest

    Joined:
    Dec 28, 2011
    Messages:
    49
    Likes Received:
    1
    Can a search bar be added to the home page? If so how?
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Go to Appearance > Widget
    and drag "Search" widget and drop it in the Home Page Sidebar Widget Area, It will automatically display at your footer.


    Thanks & Regards
    Gourav Shrivastava
     
  3. bernz

    bernz Guest

    Joined:
    Dec 28, 2011
    Messages:
    49
    Likes Received:
    1
    Is there a way to have it display in the heading?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207

    Hello,

    Could you please explain your issue little more.

    Thanks & Regards
    Gourav Shrivastava
     
  5. bernz

    bernz Guest

    Joined:
    Dec 28, 2011
    Messages:
    49
    Likes Received:
    1
    Instead of having the search bar display at the bottom can it be displayed somewhere at the top of the page?
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the header.php file present in your theme directory and add the code given below in that file as shown in the image given below.

    Code:
    <br>  <div class="top_search"><?php get_search_form(); ?></div> 
    [​IMG]

    Now,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
     
    body > div.header_container.home > div > div.grid_24 > div > div.header_wrapper > div.grid_14.omega {
    text-align: right;
    }
    .header_wrapper .call-us {
    float: none;
    }
    .header_wrapper .top_search {
    float: right;
    margin-top: 5px;
    }
    .menu-wrapper {
    margin-top: 0px;
    }
     
    This will solve your issue.
     

Share This Page