-
Posts
-
hi,
would it be possible to get a custom css code to enlarge the logo on my homepage to maybe 500xp?thanks Natalie
Hey belleameink604,
Thank you for the inquiry.
You can actually upload a larger logo and the header should automatically resize based on its dimension. If you want to keep the current logo, please try to use this css code.
#top #header_main .container, #top .main_menu ul:first-child > li a { height: 300px; line-height: 300ox; }Best regards,
IsmaelHi,
Thank you for the update.
The logo image has a large gap above the actual image. Please remove the transparent gap to increase the size of the logo. You should also make sure to select the full size of the uploaded image before inserting it as logo.
Best regards,
IsmaelHi Ismael
I uploaded a cropped image and selected full size
the css code did not workHi,
The logo still has a large gap above it and looks like you didn’t select the original or full size version of the image. Please check the link in the private field.
Try to add this css code to adjust the size of the logo image.
.logo, .logo a, .logo a img { max-height: 500px !important; height: 500px; }Best regards,
IsmaelHi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHi Rikard,
There is one last thing, the logo moved after removing the blank spaces. Could we slightly move the logo to the left and downwards to be center of the header.
Thanks,
NatalieHi,
Thank you for your patience, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.av_header_transparency .logo img.alternate { opacity: 1; padding-top: 62px; } #top #header #header_main .logo { left: 44%; }After applying the css, please clear your browser cache and check.
Best regards,
MikeSorry, my mistake this css code worked, but when I scroll down the logo the homepage the logo disappears
Thank you.Hi,
Please remove the css above (4/17) so we can get a fresh look at it, it looks like some other css or the image file was changed since I last looked so we will need to re-adjust.Best regards,
MikeHi,
Thanks, but in my tests the css is working correctly, try placing it in the WordPress ▸ Customize ▸ Additional CSS field instead of the Quick CSS field. If you get the same error then include an admin login in the Private Content area so we can investigate further.
Also note that your standard logo (after scroll) has a larger blank space in it, as you and Ismael talked about earlier, please see the direct logo links below, so if you want the after scroll logo to be more centered please adjust the logo.Best regards,
MikeHi Mike,
When placed in the customized additional css field, the logo did enlarge slightly and moved to the left.
If possible I would still like the logo a bit bigger and to be in the centered in height with the hamburger menu.Hi,
Thank you for your patience, below I have linked to your logo image, please note that it is in the lower half of the image height, try resizing the image so the logo text is the same height as the image, this will make the logo larger and center it in the container as you have requested.Best regards,
MikeHi Mike,
I do not fully understand what you meant by resizing the logo so the logo text is the same height as the image,
I uploaded a new logo, cropped it and I played with this code:.av_header_transparency .logo img.alternate {
opacity: 1;
padding-top: 62px;
}
#top #header #header_main .logo {
left: 44%;
}change it to this:
.av_header_transparency .logo img.alternate {
opacity: 1;
padding-top: 62px;
}
#top #header #header_main .logo {
left: 21%;
}}
This edit the logo is the correct size although it is not centered.
The hamburger menu is now stuck on the left hand side when its set to Logo Left, Menu Right in the enfold settings.Hi,
Thanks for the feedback I adjusted, please clear your browser cache and check and see the screenshot in the Private Content area.Best regards,
MikeHi Mike
I cleared the cache on my browser for some reason no change.
I viewed it from a private/incognito tab and it looks great, but the logo is overlaying the hamburger menu.Hi,
I found an error in your css, please clear your browser cache and check again.Best regards,
MikeHi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘custom logo size 300xp is too small’ is closed to new replies.