Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 20, 2014 at 2:26 pm #281632
    webop_germany

    hi,

    i want to realize a search box in the header of the template. Thanks for a tip.

    Guido

    June 20, 2014 at 2:34 pm #281636
    Yigit

    Hi webop_germany!

    Please refer to my post here – https://kriesi.at/support/topic/searchbox-in-header-menu/#post-267356

    Best regards,
    Yigit

    July 3, 2014 at 5:27 pm #286752
    webop_germany

    Dear Yigit,

    Thanks, I change the code in enfold/includes/helper-main-menu.php:

    if($headerS[‘header_social’] == ‘icon_active_main’ && !empty($headerS[‘bottom_menu’])) echo $icons;
    get_search_form();

    the result you can see here: http://www.webop.eu

    The CSS in QuickCSS for Enfold has no effect for the field.

    When the search result is open the background is transparent and the second menu scrolls to the bottom.

    Thanks for your help
    Guido

    • This reply was modified 10 years, 5 months ago by webop_germany.
    July 4, 2014 at 7:30 am #287054
    Ismael

    Hi!

    Thank you for the update.

    Where do you want to place the search form? If you want to position it to the right of the header. Add this on Quick CSS or custom.css:

    #advanced_menu_toggle + form#searchform {
position: absolute;
right: 0;
top: 10px;
}

    You should probably hide it on mobile device. Add this code:

    @media only screen and (max-width: 989px) {
#advanced_menu_toggle + form#searchform {
position: absolute;
display: none !important;
}
}

    Regards,
    Ismael

    April 17, 2015 at 12:47 pm #430272
    Luke86
    This reply has been marked as private.
    April 17, 2015 at 4:18 pm #430369
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #top #searchform .ajax_search_response {
  z-index: 999;
  background: white;
}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.