Hi, thank you so much for this!

Just one question: if i need 2 pages with 2 different logos, lets say my main logo is grey, but i need one in red and one in green – can i just copy and rename the function?

I got one logo to work, but the second stays blank somehow

Not sure what I’m missing, but it must be something. So great you wrote this up to help people … maybe you can see what I’ve missed? This is the code I’ve put in the child functions.php:

add_action( ‘avada_logo_prepend’, ‘logo_image_home’ );
function logo_image_home() {
if(is_page( ‘611’ )) {
echo ‘‘;
}
}

okay, looks like both didn’t show the echo, so you can go to http://7oah.com/code.txt to see it

Hello,

It works as it should but only on normal pages. But I also need it to work on product page (Woocommerce product page).

I inserted this code in functions.php:

add_action( ‘avada_logo_prepend’, ‘logo_image_home’ );
function logo_image_home() {
if(is_page(array(‘11319’, ‘11284’, ‘11249’))) {
echo ‘‘;
}
}

The product page is ID: ‘11284’, but for some reason it does not work on this page.

Please help me solve this issue.
Thank you.

For anyone who is trying to have a different logo on a page while keeping the same logo on the sticky header for that page, I used the css image filter “invert” to change a black text logo (used throughout the site) to a white text logo used only on the home page.

Place this code in the custom CSS field for the page:

img.fusion-standard-logo {
-webkit-filter: invert(1); /* Safari 6.0 – 9.0 */
filter: invert(1);
}

This is an alternative to using Muhammad’s excellent code here, which unfortunately doesn’t allow you to choose a different sticky logo versus standard logo for the page–as the Avada theme does overall.

If anybody has the same problem “is_single( int|string|array $post = ” )” works fine for any post type, except attachments and pages

Hi Muhammed! Thanks for the great solution.

I did what you did, but I have a problem which seems a bit confusing.

When I on fusion builder live frame, my logo appears perfectly and without any problem but when I switch mode to front-end mode, my logo disappears.
Why should it be?

Thanks again!

you are a superstar. Thanks heaps mate

Hi Muhammed,

Great article and well thought out especially having the download of the child theme as a download. I have a little update to add if thats okay as I also was having trouble like a couple of other users with the Sticky Menu no longer working after addin in the code. After a little debugging I realised I needed to add the following retina_logo_url=”” withiin the img tag eg=> echo ‘‘;

Without it the browsers were throwing javascript errors.

Hope this helps.

thanks

Chris
codehub200

Thanks for some really useful code but it seems like so many people are asking the same question about the sticky logo.

I only need this action to work on my main header logo and I would like to keep the sticky logo as is but the css you suggest to insert in the firast instance removes it. How is it possible for me to change only the main logo and leave the sticky logo as is?

Hi, i think that is possible to hide logo on all pages with only one css instruction in Avada Theme Options -> Custom CSS section.

Just add this (and change the ID’s for yours own):

/* Example for hide logo in more than one page */
.page-id-14249 .fusion-logo > a.fusion-logo-link, .page-id-14250 .fusion-logo > a.fusion-logo-link,
.page-id-14251 .fusion-logo > a.fusion-logo-link, .page-id-14252 .fusion-logo > a.fusion-logo-link,
.page-id-14253 .fusion-logo > a.fusion-logo-link, .page-id-14260 .fusion-logo > a.fusion-logo-link,
.page-id-14263 .fusion-logo > a.fusion-logo-link, .page-id-14265 .fusion-logo > a.fusion-logo-link,
.page-id-14284 .fusion-logo > a.fusion-logo-link, .page-id-14309 .fusion-logo > a.fusion-logo-link
{
display: none !important;
}

In addition, is possible to change the logo for all pages using an array in is_page function:

function logo_image_home() {
if(is_page( array(‘14254′,’14255′,’14256′,’14257′,’14258′,’14261′,’14264′,’14266′,’14287′,’14314′,’14249′,’14250′,’14251′,’14252′,’14253′,’14260′,’14263′,’14265′,’14284′,’14309’) )) {
echo ‘‘;
}
}

I think that is possible to store this array in post snippet or similar and capture it from functions.php. In this way, you can add more pages for change logo touching functions.php only one time.

Best regards, people!.

ignore last post, I was confusing this with the mobile menu