Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #733672

    Hi
    I have a logo which doesn’t sit in the actual header area. It looks ok on desktop and tablet but doesn’t seem to be responsive on phones. Also (on phone) when I scroll down the logo disappears, which it is meant to do, but the menu icon is cut off.
    Anything I can do?
    Thanks
    Anji

    #733751

    Hi AnjiG!

    What you can do, is use a different logo for mobile devices

    let us know if we can help you with something else

    Best regards,
    Basilis

    #734086

    Hi Basilis
    Thanks for your response but shouldn’t the logo be responsive on mobile anyway? It’s responsive on Tablets Also the menu icon cuts off on mobiles.

    As I don’t want a different logo on phone is it possible to add some CSS to make the logo responsive rather than have to add something to functions.php?

    Thanks for your help
    Anji

    #734516

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    strong.logo img, .av-logo-container {
        max-height: 120px !important;
        height: 120px !important;
    }
    }

    Best regards,
    Rikard

    #734687

    Richard
    Thanks for this…it works when the site first opens up, which is great but when you scroll down and the logo disappears (which we want it to do) half the menu icon disappears. Ia it possible to keep the menu icon visible.? We don’t mind if we have to get rid of the slider image on mobiles to do this.
    Thanks, as always for such great support.
    Anji

    #736434

    Hi,

    no menu items are disappearing for me: http://imgur.com/a/dO11E

    Could you fix it already?

    Best regards,
    Andy

    #736506

    Hi Andy
    Oh Gosh, I forgot! I sorted it.
    Thanks for your help.
    Anji

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo on Phone’ is closed to new replies.