look here – maybe this is a solution for you: https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253 and the following answer.

on newest Enfold 4.5.2. it is now on line 33

you see how it works : the keyframe is the base for the animation.
you have start point and some interstage points and the end point. If you like you can do more here – or set an 80% style etc. pp.
on the animation then you take this custom defined keyframe for it.

maybe this effect of enfold standard behavior of a standalone icon (right side of the example ) could be an alternative:
https://webers-testseite.de/button-link/
but this is only on hovering the “button” – you can have a link on the icon and an optional Caption.
The animation effect is called: sonarEffect

ich schreib das mal gerade auf deutsch:

du kannst zB für diesen link die word-wrap Eigenschaft setzen, oder wenn es nicht so häufig vorkommt softhyphens setzen:
click to enlarge:

so kannst du “Sollbruchstellen” im Text anlegen. Der Link bleibt ja davon unberührt.

das ­ ist dann das Zeichen was du brauchst

is the contact form on a page which you use as footer?

If not: Can you make a screenshot of the ALB layout you use?

so no chance to get it over the content this way. You had to set up the contact form on that page itself

Yes indeed the font-size option is only available when selecting the modern style.
On default it is set to default size- but you can select different sizes here.

ja – genau so ist es. Hier wird dir auf jedenfall geholfen. Wobei ich mir nicht im klaren bin, wie das mit dem Support Stop funktionieren soll ;)
Da du ja hier keine Seriennummern bei der Registrierung angiebst, endet der Support demnach nicht nach 6Monaten – auch die Downloads kannst du jederzeit bei Envato wiederholen.
hier ist eine sehr schöne Dokumentation: https://kriesi.at/documentation/enfold/
Dort kann man zunächst schauen ob es nicht schon triviale Lösungen für dein Problem geben sollte.

By the way – this font from parytype looks a bit like PtSans / Opensans or Lato – these fonts are designed too by Paratype – might be a good alternative.
Especially the Lato with bold and a light font !

You may open a new thread with the hint ( link ) to this started topic here.. Here really one of the moderators with admin access has to look into your developer installation.
You have also installed Uber-Menu and this shortcodefix is still haunting you. So everything else than Enfold Standard installation. I would only recommend you to update to the latest Enfold 4.5.1 version.

Actually, I always get my help through to the solution. But in this case someone has to log in to really create order.

so sorry now – here stops my support.
i see there is on phone-info field always that shortcode inserted thing. Maybe this is from the do_php_shortcode_fix in your functions.php.
i guess you have to wait here for mods to login to your developement site to see what is the thing. On my test page it works this way – so there must be some inconsitencies. Sorry – i have to do my work now.

first of all : on your code here there is the closing a – tag missing: https://kriesi.at/support/topic/how-to-insert-search-form-into-header_posline-next-to-phone-number/#post-1046245

i can see here that there was an entry on phone-info field:

And you are still on enfold 4.4.1 i don’t know when it starts to name the top-menu avia2-menu but on your code there is no avia2-menu

so try to change the code above from
$('#header_meta #menu-item-search').prependTo('#avia2-menu');
to:
$('#header_meta #menu-item-search').prependTo('#header_meta .sub_menu');

and see what happens

i can see your dev page – and that is definitly from the shortcode. Maybe it is an caching problem.
Look to the phone info input field and to your functions.php

you only have to use one of the methods. if you use the code above get rid of the shortcode function and remove from phonenumber input field the [search]

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>
                        </a>
                    </li>
					<li class="phone-info">
					   <a href="tel:+6123278777">07 3237 8777</a>
					</li>';

    echo $items;
}

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

And it is hard to say from a screenshot where it could come from. A life link – which you do not have now – will be more informative.

PS : for me it looks like the small one is from the code above and the other one from the shortcode.
You have to style the little one via css.
The code from me above with the phone number inserted this way is for having your search icon infront of the phonenumber. Then the phonenumber is part of the top menu. And you have to leave the phone info field empty on Enfold.

• This reply was modified 6 years, 2 months ago by Guenni007.