Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 9, 2015 at 12:02 am #470576
    saremcdee

    Hi there guys,

    I’m looking to add a big bold search bar into my main header and according to instructions on post
    #328178 I’m looking for the Enfold/Includes folder, to add the relevant line of code..I can’t find this anywhere! :(
    Has the name of this been changed since 2014?
    Sorry for the stupid question!
    Thank you
    Sarah

    July 9, 2015 at 1:19 pm #470798
    Josue

    Hey Sarah!

    Can you post a link to that thread?

    Cheers!
    Josue

    July 9, 2015 at 6:24 pm #471065
    saremcdee

    Hi Josue,

    This this is the one :)

    https://kriesi.at/support/topic/search-not-working-in-ie8/#post-328178

    Cheers!
    S

    July 9, 2015 at 6:49 pm #471073
    Yigit

    Hi!

    You can refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Regards,
    Yigit

    July 10, 2015 at 5:16 pm #471616
    saremcdee

    Thanks Yigit. Is there any possible way to move the search bar that appears when you click ‘Append search icon to main menu’ to the header area, beside the logo? I’d like to be able to use the search bar that offers the Ajax search. Like this:

    View post on imgur.com

    Thank you! :)

    July 13, 2015 at 10:59 am #472235
    Yigit

    Hey!

    Sorry for the late reply :)
    Can you please post the link to your website so we can provide you an accurate solution? :)

    Cheers!
    Yigit

    July 14, 2015 at 6:04 pm #473352
    saremcdee

    No worries Yigit! :)

    Details are included below… :)

    Thank you

    July 15, 2015 at 1:00 pm #473688
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-search {
  position: relative;
  top: -60px;
  right: 100px;
}

    Regards,
    Yigit

    July 16, 2015 at 2:31 pm #474322
    saremcdee

    No go Yigit! :( I put the code in and no luck. Any ideas? So sorry.

    July 17, 2015 at 11:28 am #474809
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    July 21, 2015 at 7:12 pm #476685
    saremcdee
    July 22, 2015 at 6:28 am #476871
    Ismael

    Hi!

    Are you trying to add the search bar instead of the search icon? Try to add this in the functions.php file:

    add_filter( 'ava_main_header', 'avia_append_search_nav_mod', 10, 1 );

function avia_append_search_nav_mod( $items)
{
    ob_start();
    get_search_form();
    $form = ob_get_clean();

    echo "<div class='custom-form'>{$form}</div>";
}

    Use in the Quick CSS field to adjust the position of the search field:

    .custom-form {
  position: absolute;
  right: 0;
  top: 20px;
}

    Cheers!
    Ismael

    July 22, 2015 at 6:55 pm #477271
    saremcdee

    Hey guys! That’s awesome, it looks great.

    Just two small questions.

    1. I’ve tried everything to get the ajax search drop down to be a solid colour (white) but it stays transparent. Can this be changed with quick CSS? I have managed to change the text background but not the actual menu dropdown background. The hover colour is currently white which I’d like to change too.
    2. How can I widen the search bar itself? At present it’s quite short and stunted but when you type something in to search, it lengthens out. Would love to keep it a consistent length so it doesn’t change size when typing in a search query.

    Thank you so much for all your help. I’m almost there!! :)

    July 25, 2015 at 6:19 am #478549
    Ismael

    Hi!

    1.) Add this in the Quick CSS field:

    .custom-form {
  background-color: #fff;
}

    2.) Use this to increase the width:

    #top #searchform>div {
  position: relative;
  max-width: 800px;
  width: 500px;
}

    Regards,
    Ismael

    July 28, 2015 at 5:41 pm #479834
    saremcdee

    Amazing! Thank you Ismael and team x

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Adding search bar to header – can't find enfold/includes folder’ is closed to new replies.