Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #281632

    hi,

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

    Guido

    #281636

    Hi webop_germany!

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

    Best regards,
    Yigit

    #286752

    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 9 years, 9 months ago by webop_germany.
    #287054

    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

    #430272
    This reply has been marked as private.
    #430369

    Hey!

    Please add following code to Quick CSS

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

    Cheers!
    Yigit

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