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

    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?


    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,


    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



    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,


    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.



    no menu items are disappearing for me:

    Could you fix it already?

    Best regards,


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

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