Hello, I’m using Vantage Premium on two separate projects (two individual licenses of course) and have the same problem with both.
My logo always gets pulled to the top of the menu area no matter what. I even reinstalled Vantage and used all default settings to see if it helps, but it didn’t. Then I purchased Vantage Premium to start another project and the same thing happens. When I uncheck “Constrain Logo Height” the size of the logo changes (to the size of the image I’ve uploaded so it’s all OK) but the logo stays at the top of the menu section anyway, which is weird.
In “General”, Header Padding doesn’t seem to do anything (not sure if it’s connected to this issue anyway, but I’ve been trying to adjust everything one by one). “Center logo” doesn’t help either. Then in “Menu” when I change the Menu Item Padding or Font Size, of course the respective things do change but the logo image stays the same – at the very top.
When I change the Menu Item Padding to a lower value and the menu section shrinks, then everything eventually centers vertically. But that’s not what I’m looking for because I want my menu to have more height (like in the attached screenshots).
By the way, I’m using localhost so I can’t show the live version of the website(s). And I’m not using any custom CSS (as I said, I even reinstalled Vantage and installed another copy on another system for another project but nothing helped).
Please help.
Screenshots in my Google Drive folder:
https://drive.google.com/folderview?id=0B8xXMhjLqGLffmI5TXpzNlZxdTZHclp0VXJndnFXMldNQllaYURkY1dhS3laZGF0M0hhYm8&usp=sharing
Hi DS
You can try this out and let me know if it works out for you. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
header#masthead.masthead-logo-in-menu .logo img { max-height: 45px; }Hi, thank you for your prompt reply. The code changes nothing though :( Any other ideas?
Sorry, it actually does change one thing — the logo gets bigger to its full size but still stays at the very top
Can’t seem to be able to edit my posts, sorry for confusion, but I double checked, and the code does NOT make the logo full size. Just bigger. Not full size. And yes, still at the top.
Hi DS
Sorry for the hassle. Could you give this a run?
#masthead .hgroup .logo img { padding-top:10px !important; }Cheers
Nothing at all changed. :( I tried this code alone, then in combination with the code you’ve given me before. What may be causing this? I mean, I’m running this on both a localhost machine and temporarily had access to a GoDaddy hosted WP where I installed Vantage Premium from another computer. Exactly the same results..
Hi DS
Thanks for reaching out. This is is a shortcoming of the current setup. Since you’re setting the menu padding once, I’d recommend manually setting that same padding to the logo.
So for example if you set menu padding to 100 at Appearance > Customize > Theme Design > Menu > Menu Item Padding, go to Appearance > Custom CSS and set a similar padding for the logo as follows:
#masthead.masthead-logo-in-menu .logo { padding-top: 85px; }In rough testing now, 15px less padding for the logo seemed to work. I set 100 for the menu, 85 seemed to do the trick for the logo.
Give that a go and let us know how it goes.
Yep, that did the trick. Thanks! Is it possible in the near future to fix and simplify this process in the next update(s) to the theme?
Super, glad that helped. For sure, I’ll log this a bug. The guys will get on it ASAP. Thanks for your feedback.