How to show different logo on mobile and blog page?

Hey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 768px) {
.logo a:nth-child(1) {
  display: none;
}}

Cheers!
Yigit

Hey!

Please add following code to Functions.php file in Appearance > Editor and change image link

function add_custom_blog_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery('.blog .logo img').attr('src','http://kriesi.at/wp-content/themes/kriesi/images/logo.png');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_blog_logo');

Black logo is being displayed when i resize the browser window, so i guess the previous code i posted worked? :)

Cheers!
Yigit

Hey!

Please change the code to following one

function add_custom_blog_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery('.blog .logo img').attr('src','http://kriesi.at/wp-content/themes/kriesi/images/logo.png');
jQuery('.single-post .logo img').attr('src','http://kriesi.at/wp-content/themes/kriesi/images/logo.png');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_blog_logo');

Cheers!
Yigit

Hi!

Please add following code to Functions.php file in Appearance > Editor

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_home() || !wp_is_mobile() )
    {
    $logo = "http://hero.travel/wp-content/uploads/HeroHomeLogoWhite.png";
    }
    return $logo;
}

Best regards,
Yigit

Hi!

Please add the code as following

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_home() )
    {
    $logo = "http://hero.travel/wp-content/uploads/HeroHomeLogoWhite.png";
    }
    return $logo;
}

Then post the link to your homepage

Regards,
Yigit

Hi!

please add following code to Functions.php file

function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('.responsive .logo img').attr('src','your-mobile-image-link-here');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');

Best regards,
Yigit

Hi!

Do you mind creating a temporary admin login and posting it here privately? Please also post the link to the logo you would like to use.

Regards,
Yigit

Hey!

We don’t have enough permission to edit the functions.php file. You don’t need to wrap the code inside a script tag. Please replace this code:

function add_custom_blog_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery('.blog .logo img').attr('src','http://hero.travel/wp-content/uploads/HeroHomeLogo.png');
jQuery('.single-post .logo img').attr('src','http://hero.travel/wp-content/uploads/HeroHomeLogo.png');

});
</script>

<script>
add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_home() )
    {
    $logo = "http://hero.travel/wp-content/uploads/HeroHomeLogoWhite.png";
    }
    return $logo;
}
</script>

<?php
}
add_action('wp_footer', 'add_custom_blog_logo');

With this:

function add_custom_blog_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery('.blog .logo img').attr('src','http://hero.travel/wp-content/uploads/HeroHomeLogo.png');
jQuery('.single-post .logo img').attr('src','http://hero.travel/wp-content/uploads/HeroHomeLogo.png');

});
</script>
<?php
}
add_action('wp_footer', 'add_custom_blog_logo');

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_page(2))
    {
    $logo = "http://hero.travel/wp-content/uploads/HeroHomeLogoWhite.png";
    }
    return $logo;
}

Best regards,
Ismael