Stream template mobile logo isnt changing

Hi there,

go to Customizer > Layout > Header and update the Mobile Header Logo.

Thank David, is there anyway to increase the mobile site logo size?

Hi there,

Try adding this CSS:

@media (max-width:1024px){
.site-logo.mobile-header-logo.page-hero-mobile-logo {
    width: 120px;
    height: auto;
}

.site-logo.mobile-header-logo.page-hero-mobile-logo img.header-image.is-logo-image {
    width: 100%;
    height: auto;
}
}

Adjust 120px width to your preference. :)

Here's how to add CSS - https://docs.generatepress.com/article/adding-css/

Hi Elvin,

I added the simple CSS and changed the width setting quite a few times but on mobile I see no change in the logo size. Is there anything else I had to change on top of it as well??

There's no need to change everything. The CSS should work if applied properly.

Can you send a screenshot of how you've applied it? So we can check if perhaps a few characters where missing, effectively causing some sort of syntax error.

Hi Elvin,

I tried posting the link here and it didn't take ...is there anywhere I can upload the screenshot?

You can try using Loom or CloudApp in sharing screenshots.

You can also try image sharing sites we've recommended here -
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Thanks Elvin, here's the screenshot

https://postimg.cc/5j4XsgH5

I see.

Let's try simplifying the CSS.

Can you try this?

@media (max-width:1024px){
    .site-logo.mobile-header-logo {
        width: 220px;
        height: auto;
    }

    .site-logo.mobile-header-logo img {
        width: 100% !important;
        height: auto !important;
    }
}

Result - https://share.getcloudapp.com/L1uWDr0K

perfect! works now! thank you

No problem. Let us know if you need further help. :)