Change logo for mobile

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 🙂

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.

You’re welcome 🙂