Header Logo disappearing

That looks like a standard menu used in responsive themes so I would guess that whoeever made the theme didnt code support for headerlogo properly on narrow devices. I would suggest you contact him about this issue.

the theme is called Tiny Forge

thanks for your answer. I contacted the creator.

There is a line in the css that hides the header logo first, then reveals it later depending on the screen resolution.

Try removing the following from your main stylesheet and seeing how that goes.

#site-logo {
    display: none;
}

Editing themefiles isnt usually that good of an idea since changes will be lost whenever updating. Iirc installing the jetpack plugin it allows you to add custom css which would say:

#site-logo { display: block; }

@rollingwolf
Thanks a lot, problem solved!

Is it possible to adapt the size of the logo automatically? I want the logo to be smaller on a mobile device that it shows completely on the screen.

I’m trying like this, but it’s not working yet
#site-logo {display: block; height: auto; max-width: 100%;}

Try this, it will target the image instead of the div

#site-logo img {
    height: auto;
    max-width: 100%;
}

great thanks! I’m still at the very beginning and need to learn a lot.

Thanks !