Header Logo disappearing

  • Resolved hungryfatcat

    (@hungryfatcat)


    8 years, 11 months ago

    I’ve added a logo to my website. It displays without any problem.

    I noticed however that the logo is not showing up on my mobile device. I’ve noticed the same problem when I scale down the size of the browser window on my PC. The logo keeps disappearing and popping up again.

    normal view (with logo) : http://tinypic.com/r/nef5mh/8
    smaller window/mobile view (no logo) : http://tinypic.com/r/wtce86/8

    Thanks a lot for any reply !

Viewing 9 replies - 1 through 9 (of 9 total)
  • rollingWolf

    (@rollingwolf)

    8 years, 11 months ago

    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.

    Thread Starter hungryfatcat

    (@hungryfatcat)

    8 years, 11 months ago

    the theme is called Tiny Forge

    Thread Starter hungryfatcat

    (@hungryfatcat)

    8 years, 11 months ago

    thanks for your answer. I contacted the creator.

    juslooken

    (@juslooken)

    8 years, 11 months ago

    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;
}
    rollingWolf

    (@rollingwolf)

    8 years, 11 months ago

    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; }

    Thread Starter hungryfatcat

    (@hungryfatcat)

    8 years, 11 months ago

    @rollingwolf
    Thanks a lot, problem solved!

    Thread Starter hungryfatcat

    (@hungryfatcat)

    8 years, 11 months ago

    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%;}

    juslooken

    (@juslooken)

    8 years, 11 months ago

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

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

    (@hungryfatcat)

    8 years, 11 months ago

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

    Thanks !

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Header Logo disappearing’ is closed to new replies.