This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Logo in menu not vertically centered – Vantage

Resolved 9 replies premiumthemetheme-vantage
DS
10 years ago · Last reply by Andrew Misplon 10 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Daniel Staff 10 years, 10 months ago

    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;
}
  2. DS 10 years, 10 months ago

    Hi, thank you for your prompt reply. The code changes nothing though :( Any other ideas?

  3. DS 10 years, 10 months ago

    Sorry, it actually does change one thing — the logo gets bigger to its full size but still stays at the very top

  4. DS 10 years, 10 months ago

    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.

  5. Daniel Staff 10 years, 9 months ago

    Hi DS

    Sorry for the hassle. Could you give this a run?

    #masthead .hgroup .logo img {
    padding-top:10px !important;
}

    Cheers

  6. DS 10 years, 9 months ago

    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..

  7. Andrew Misplon Staff 10 years, 9 months ago

    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.

  8. DS 10 years, 9 months ago

    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?

  9. Andrew Misplon Staff 10 years, 9 months ago

    Super, glad that helped. For sure, I’ll log this a bug. The guys will get on it ASAP. Thanks for your feedback.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread