Ismael did the trick i read in the thread by deleting the content and setting up a background-image:

.format-image .small-preview [data-av_icon]::before {
    background:  url(path to your image) no-repeat scroll center center / contain ;
    content: "";
    height: 70px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 70px;
}

works too !

i do the css trick by setting up display: inline-flex.

try this here :

.format-standard .small-preview [data-av_icon]::before {
    content: url("path to your image");
    display: inline-flex;
    height: 70px;
    position: relative;
    top: 5px;
    width: 70px;
}

edit : sorry it has to be more selective

this is for : http://webers-testseite.de/ikom/blog/ see the wordpress logo instead of pencil !

for the following sites do it in a similar way !

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

i prefer Yigits last link.
if you look to this site (Kriesi Blog Site / Support Forum) and what happend to the logo on shrining this will be one part of the solution. you can let those text stay (the rule of #top .header-scrolled .logo-title on the bottom set opacity to 1) if shrinking has stopped

i changed a bit that code to insert the normal site name and site description of wordpress. So you only have to have the figurative Part of your logo and put in the text via code (this comes to child-theme functions.php):

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

than you have to manage your customisation via quick css – something like this (it comes to quick css):

#top .logo, #top .logo a {
    overflow: visible;
}

#top .logo-subtitle {
    color: #aaa !important;
    font-size: 18px !important;
    top: 20px !important;
}

#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 7px;
top: -7px;
opacity: 1;
white-space: nowrap;
}

#top .subtext {
float: left;
position: relative;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

the overflow: visible instruction here is very important

you can see the result on testpage here: http://webers-testseite.de/ikom/

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

My apologies: found the temporary functions.php workaround:
https://kriesi.at/support/topic/content-element-google-maps/#post-656399

Posted for anyone else stumbling on this!
Thank you Enfold peeps :-)

well i remember a question i had – that shrinking function does not work on ipad:

so read here for the solution: https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

the code you have to insert in your child-theme functions.php is:

function incluide_custom_js_file() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'incluide_custom_js_file', 100 );

you see that the custom script is loaded out of the folder in your child-theme folder “js”
here is Josues link: https://gist.github.com/josueochoa/66beec77cfa7a21e81b8

the main.js file you see in the link of josue (copy/paste the code in a file and name it main.js) upload that main.js to js folder in your child-theme folder via ftp.

now shrinking on ipad works and if you put in now my code above the things got to work:
see here http://webers-testseite.de/ikom