-
AuthorPosts
-
January 15, 2017 at 1:35 am #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
AnjiJanuary 15, 2017 at 3:10 pm #733751Hi 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,
BasilisJanuary 16, 2017 at 3:16 pm #734086Hi 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
AnjiJanuary 17, 2017 at 7:28 am #734516Hi,
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,
RikardJanuary 17, 2017 at 1:25 pm #734687Richard
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.
AnjiJanuary 20, 2017 at 1:36 pm #736434Hi,
no menu items are disappearing for me: http://imgur.com/a/dO11E
Could you fix it already?
Best regards,
AndyJanuary 20, 2017 at 2:56 pm #736506Hi Andy
Oh Gosh, I forgot! I sorted it.
Thanks for your help.
Anji -
AuthorPosts
- The topic ‘Logo on Phone’ is closed to new replies.
