I just did in the last post, but here it is again.

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

add_filter("kriesi_backlink","new_link");
function new_link(){
$kriesi_at_backlink = "";
return $kriesi_at_backlink;
}

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod(){
          global $avia_config;
          ob_start();
          get_search_form();
          $form = htmlspecialchars(ob_get_clean());

          $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                        <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                        <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                        </li>&nbsp;&nbsp;';
        echo $items;
}

function custom_shift(){
?>
<script>
(function($){
//      $('#header_meta #menu-item-search').prependTo('#avia2-menu');
        $('#header_meta #menu-item-search').prependTo('#header_meta .sub_menu');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shift');

/* Create shortcode for parent page. */
function list_parent_page() {
  global $post;
  $parent_id = $post->post_parent;
  $parent = $post->post_parent;
  $parent_title = get_the_title($parent);
  $link = get_permalink($parent_id);
  $parent_title = "<a href='$link' title='$parent_title'>$parent_title</a>";
 if($parent) {
        return $parent_title;
  }
}
function list_current_page() {
  get_the_title();
}
add_shortcode('parentpage','list_parent_page');
add_filter( 'widget_title', 'do_shortcode' );

// fix for PHP shortcode
function do_php_shortcode_fix($content) {
    global $shortcode_tags;
    // save current shortcodes
    $old_shortcode_tags = $shortcode_tags;
    // remove all shortcodes, then re-add just our php and echo shortcodes
    remove_all_shortcodes();
    add_shortcode('php', $old_shortcode_tags['php']);
    add_shortcode('echo', $old_shortcode_tags['echo']);
    $content = do_shortcode($content);
    // and now put back the original shortcodes
    $shortcode_tags = $old_shortcode_tags;
    return $content;
}
function fix_php_shortcode_init() {
    global $shortcode_tags;
    if (isset($shortcode_tags['php'])) {
        // Move do_shortcode back to default of priority 11
        if(remove_filter('the_content','do_shortcode', 9))
            add_filter('the_content','do_shortcode', 11);

        // filter the content to deal with just the php and echo shortcodes
        // early on as priority 8 (before any WP formatting)
        add_filter('the_content', 'do_php_shortcode_fix', 8);
    }
}

// add fix for PHP shortcode, with priority 12 so it
// comes after the PHP shortcode has been initialised
add_action('init','fix_php_shortcode_init', 12);

yeah, thats using your ‘method #2’

and the second search icon is displayed only when I insert
   in your $items variable block

Here is the current functions.php

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

add_filter("kriesi_backlink","new_link");
function new_link(){
$kriesi_at_backlink = "";
return $kriesi_at_backlink;
}

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod(){
          global $avia_config;
          ob_start();
          get_search_form();
          $form = htmlspecialchars(ob_get_clean());

          $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                        <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                        <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                        </li>&nbsp;&nbsp;';
        echo $items;
}

function custom_shift(){
?>
<script>
(function($){
//      $('#header_meta #menu-item-search').prependTo('#avia2-menu');
        $('#header_meta #menu-item-search').prependTo('#header_meta .sub_menu');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shift');

/* Create shortcode for parent page. */
function list_parent_page() {
  global $post;
  $parent_id = $post->post_parent;
  $parent = $post->post_parent;
  $parent_title = get_the_title($parent);
  $link = get_permalink($parent_id);
  $parent_title = "<a href='$link' title='$parent_title'>$parent_title</a>";
 if($parent) {
        return $parent_title;
  }
}
function list_current_page() {
  get_the_title();
}
add_shortcode('parentpage','list_parent_page');
add_filter( 'widget_title', 'do_shortcode' );

// fix for PHP shortcode
function do_php_shortcode_fix($content) {
    global $shortcode_tags;
    // save current shortcodes
    $old_shortcode_tags = $shortcode_tags;
    // remove all shortcodes, then re-add just our php and echo shortcodes
    remove_all_shortcodes();
    add_shortcode('php', $old_shortcode_tags['php']);
    add_shortcode('echo', $old_shortcode_tags['echo']);
    $content = do_shortcode($content);
    // and now put back the original shortcodes
    $shortcode_tags = $old_shortcode_tags;
    return $content;
}
function fix_php_shortcode_init() {
    global $shortcode_tags;
    if (isset($shortcode_tags['php'])) {
        // Move do_shortcode back to default of priority 11
        if(remove_filter('the_content','do_shortcode', 9))
            add_filter('the_content','do_shortcode', 11);

        // filter the content to deal with just the php and echo shortcodes
        // early on as priority 8 (before any WP formatting)
        add_filter('the_content', 'do_php_shortcode_fix', 8);
    }
}

// add fix for PHP shortcode, with priority 12 so it
// comes after the PHP shortcode has been initialised
add_action('init','fix_php_shortcode_init', 12);

The one from the screenshot is using the method where the phone number wasn’t included and without the [search].
The only time that second search icon appeared, was when I tried to put a space between the search icon in front of the phone number, i put 2 x nbsp and then it suddenly appeared.

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod(){
          global $avia_config;
          ob_start();
          get_search_form();
          $form = htmlspecialchars(ob_get_clean());

          $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                        <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                        <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                        </li>&nbsp;&nbsp;';
        echo $items;
}

function custom_shift(){
?>
<script>
(function($){
        $('#header_meta #menu-item-search').prependTo('#avia2-menu');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shift');

Here is something interesting, I think I can work with just the search symbol there possibly (depending on the client request)
However I tried to put a space between the search icon and the phone icon.

Then another search icon appeared in the header, you can see it in this screenshot , its small and orange, it behaves exactly the same as well, but seems to have been hidden.

code used

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod(){
          global $avia_config;
          ob_start();
          get_search_form();
          $form = htmlspecialchars(ob_get_clean());

          $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                        <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                        <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                        </li>&nbsp;&nbsp;';
        echo $items;
}

function custom_shift(){
?>
<script>
(function($){
        $('#header_meta #menu-item-search').prependTo('#avia2-menu');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shift');

Any idea where that other search icon came from? should we be using that one somehow?

Here is my child functions.php modification for your first method, just to see if we can get something working.

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

#add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );

function search() {
  global $avia_config;
  ob_start();
  get_search_form();
  $form =  htmlspecialchars(ob_get_clean()) ;
    return
          '<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>&nbsp;&nbsp;&nbsp;';
  }
add_shortcode('search', 'search');

function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

add_filter("kriesi_backlink","new_link");
function new_link(){
$kriesi_at_backlink = "";
return $kriesi_at_backlink;
}

function custom_shift(){
?>
<script>
(function($){
    $('#header_meta #menu-item-search').prependTo('#avia2-menu');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shift');

/* Create shortcode for parent page. */
function list_parent_page() {
  global $post;
  $parent_id = $post->post_parent;
  $parent = $post->post_parent;
  $parent_title = get_the_title($parent);
  $link = get_permalink($parent_id);
  $parent_title = "<a href='$link' title='$parent_title'>$parent_title</a>";
 if($parent) {
        return $parent_title;
  }
}
function list_current_page() {
  get_the_title();
}
add_shortcode('parentpage','list_parent_page');
add_filter( 'widget_title', 'do_shortcode' );

// fix for PHP shortcode
function do_php_shortcode_fix($content) {
    global $shortcode_tags;
    // save current shortcodes
    $old_shortcode_tags = $shortcode_tags;
    // remove all shortcodes, then re-add just our php and echo shortcodes
    remove_all_shortcodes();
    add_shortcode('php', $old_shortcode_tags['php']);
    add_shortcode('echo', $old_shortcode_tags['echo']);
    $content = do_shortcode($content);
    // and now put back the original shortcodes
    $shortcode_tags = $old_shortcode_tags;
    return $content;
}
function fix_php_shortcode_init() {
    global $shortcode_tags;
    if (isset($shortcode_tags['php'])) {
        // Move do_shortcode back to default of priority 11
        if(remove_filter('the_content','do_shortcode', 9))
            add_filter('the_content','do_shortcode', 11);

        // filter the content to deal with just the php and echo shortcodes
        // early on as priority 8 (before any WP formatting)
        add_filter('the_content', 'do_php_shortcode_fix', 8);
    }
}

// add fix for PHP shortcode, with priority 12 so it
// comes after the PHP shortcode has been initialised
add_action('init','fix_php_shortcode_init', 12);
    

Hi Yigit,

there are another two problem…
1. I’d like the Calendar at 100%. Now the content is smaler than the “normal” sides.
2. and if the tooltip for example “VORTRAG von Philipp Funck” is in the first row, it is partly hidden by the menu.
Regards,
Sabine

Hey Mike,

i’m using iOS Devices (iPhone / iPad) and the tooltip doesn’t show up in the safari nor in the chrome browser.

Best regards!

I thaught that css-code would be for the width of the tootips on images. How can i address the tooltip width without affecting the social mouseovers? On the top Image on this page.

Gotcha, clearing the CLOUDFARE cache work, i still see the tooltip underneath with a black background though, how do i make it white background with black text?

as pictured

HI blafoley,
Thanks for sharing your solution.

I disabled all my customisations for this and implemented your code in functions.php – Set Hotspots to ‘always show’, However the widow ready function did not hide the tooltips on the page load. I had to click each hotspot to closed the open tooltip. Once closed the click function worked well. I also tried loading this via ‘wp_header` with out effect.

Overriding the functionality via jQuery has given me some ideas though. Thanks ; )
I have my PHP Guy looking into options and will report back once we have a solution.