Change logo for mobile

Hello eleveno,

Please check the below url that will be helpful for you-

https://stackoverflow.com/questions/33532429/how-to-have-a-different-logo-on-mobile-view-wordpress

Kind regards,

Manoj

Thanks for the reply Manoj, but it isn’t working.

Our pro version has a Mobile Header feature which allows you to upload a different logo on mobile.

Otherwise you’ll likely have to add some PHP and CSS, which I can help with.

Let me know ??

Yes Tom, please send me the code ??

So you’d have to insert the mobile logo using a function:

add_action( 'generate_before_header_content','tu_mobile_logo' );
function tu_mobile_logo() {
?>
    <div class="site-logo mobile-logo hide-on-desktop hide-on-tablet">
        <img src="URL TO YOUR MOBILE LOGO" alt="" />
    </div>
<?php
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

Then some CSS:

@media (max-width: 767px) {
    .site-logo:not(.mobile-logo) {
        display: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

That should do it.

It works like a charm.

Thanks for the wonderful support Tom.

You’re welcome ??