I’d like to make there logo on the home page 3 times bigger but only when the menu is transparent and only on the homepage – could you please advise?
please do adopt this to your homepage url and alternate logo url –
and do this into functions.php file of your child-theme:
function custom_logo_home(){
if( is_home() ) {
?>
<script>
jQuery(".subtext img.alternate").attr("src", "https://url_to_your_site/wp-content/uploads/3times.png");
</script>
<?php
}
}
add_action('wp_footer', 'custom_logo_home');
to have it bigger it will be nice to see it live to give the right css rules to you .
Espacialy there have to be some overflow:visible settings.
You can see a testingpage (not home but a page on my server) : https://webers-testseite.de/elegant/different-logo-on-transparent-case/
the img.alternate is the logo which is shown if transparency header is seen.
But i don’t know if there is such a class (img.alternate) if you haven’t put in something to the enfold options dialog of transparency header.
So please do an alternative logo to that field even if you don’t have any other transparent page)
Hi danswebservices,
Is Guenni007’s solution working for you?
Best regards,
Victoria
there has to be made css adjustments. But – as said above – without a live view not possible.
Hi,
Please add this css code in the Quick CSS field.
.home .av_header_transparency.av_alternate_logo_active .logo a .subtext img {
max-height: 500px !important;
}
Adjust the value as needed.
Best regards,
Ismael