Hi, and thanks for a great theme and support!
I’m having trouble with the logotype. It looks OK on fullscreen. But if I make the window smaller, the menu will appear on the logo. And on mobile size, the logotype looks like shit. How can i fix this?
Thanks!
Hi Martin!
Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
and then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 6px; }
.logo, .logo a, .logo img { max-width: 75%; margin-top: 5px; }}
Cheers!
Yigit
Hi again,
I’ve done the things you said, and still have the same problem.
/Martin
Hi!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Best regards,
Yigit
Hi!
Seems like ” > ” was converted to HTML in Quick CSS – http://i.imgur.com/RXTBXs8.png
I fixed and now it does work fine on my end. Please review your website now
Cheers!
Yigit
Hi,
Thanks for your help, but there is still problem. On mobile size, the logo is blurred with wrong size. Is the logo too big or something? It should’t be..
/Martin
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.responsive .logo img {
height: auto !important;
top: 15px;
}
}
Cheers!
Josue