Hi,
I’m using the Enfold theme for a client of mine. The logo on the mobile menu gets too big on a smaller screen. Everything else is perfect.
Do you know what I need to do in order to adjust the logo so its not so big?
Website is in private content.
Thx in advance.
Hi Xander!
Thank you for using Enfold.
You can adjust the logo on mobile device with this on Quick CSS:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 65px !important;
max-height: 65px !important;
width: auto;
top: 5px;
}
}
Regards,
Ismael
Thanks Ismael!
That did the trick.
Can you also tell me how to adjust the mobile header? It’s a little too big on a mobile phone.
Thx!