Home>Support>Logo in navigation, menu bar is not centered vertically

Logo in navigation, menu bar is not centered vertically

By s.grope, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi,

i’m using Vantage Premium and have a problem in the navigation. I use the Logo in Navigation Feature and gave the navigation bar a menu item padding of 30px.

After that the logo is centered verticaly in the menu, but the navigation is at the top of the menu bar. What i want is the navigation centered vertically as the logo in the menue bar. How does that works?

Thank you!

URL: http://s472846442.online.de/webseiten_timo/neu_www.astar.at/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago s.grope

    Hi again,

    any solution for this problem?

    Thank you!

  2. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi S.grope

    So sorry for the big delay. Try the following at Appearance > Custom CSS:

    /* Logo */

#masthead.masthead-logo-in-menu .logo {
    padding-top: 30px;
    padding-bottom: 30px;
}

    That’ll allow you to set the logo padding separately from the menu padding. It should help align everything as required. Adjust the above values as required.

    Hope that helps.

  3. 8 years, 10 months ago s.grope

    Thanks for the reply. But this solution does not work.
    Is it maybe possible to change the position of the navigation points? The best soltution would be to center the navigation points vertically in the menu bar.

    Thank you! :-)

  4. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Try removing the previous Custom CSS I sent. Change it to:

    /* Logo */

#page-wrapper #masthead.masthead-logo-in-menu .logo {
    padding-top: 0px;
    padding-bottom: 0px;
}
  5. 8 years, 10 months ago s.grope

    Thanks for the quick response.
    This solution would work, but only with padding 0px.
    If i choose padding it is just done to the logo, not to the navigation points.

    I hope you understand what i mean.

  6. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    You can change 0px to match whatever value you set for menu padding at Appearance > Customize > Theme Design > Menu > Menu Padding. Sorry for not explaining. CSS for the logo and Customizer for the menu, you can now set padding for both elements.

  7. 8 years, 10 months ago s.grope

    Finally it works – thank you very mutch!

  8. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Glad that helped. All the best with your site.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More