Menu logo not centered vertically

  • Resolved jwqchen

    (@jwqchen)


    6 years, 1 month ago

    I’m using generatePress for my site. Everything is great except the menu bar logo is not centered vertically. I tried applying “vertical-align: middle” on the logo but it didn’t help. Is there a way to fix it? Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Try adding this CSS:

    .inside-header {
    display: flex;
    align-items: center;
}

#site-navigation {
    margin-right: 0;
}

    Depending on your browser compatibility needs, you might want to run that code through this tool: https://autoprefixer.github.io/

    Let me know ??

    Thread Starter jwqchen

    (@jwqchen)

    That works! I applied the modified CSS only to larger screen size, as it throws off the menu alignment when in small screen size. Thanks Tom!

    Theme Author Tom

    (@edge22)

    Glad I could help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu logo not centered vertically’ is closed to new replies.

Tags