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
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
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
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
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
Hi,
no menu items are disappearing for me: http://imgur.com/a/dO11E
Could you fix it already?
Best regards,
Andy
Hi Andy
Oh Gosh, I forgot! I sorted it.
Thanks for your help.
Anji