vertical align text with logo in menu

  • Resolved cagravante

    (@cagravante)


    4 years, 10 months ago

    hi – i am looking to see if i can vertically align the menu items with the size of the logo. the logo is was scaled down to 49px x 49px and the text is size 20px. i want to vertically align the menu items so that they are center to the height of the logo.

    any help is appreciated.

    thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Without seeing the website, this CSS might be what you require …

    @media screen and (min-width: 48em) {
.main-navigation a {
padding-top: 14px;
padding-bottom: 15px;
}
}

    Put it in “Customizer – Additional CSS”.

    Oliver

    Thread Starter cagravante

    (@cagravante)

    I was able to adjust this using the following:

    @media screen and (min-width: 48em)
    .main-navigation li {
    border: 0;
    display: inline-table;
    vertical-align: middle;
    }

    Plugin Author Oliver Campion

    (@domainsupport)

    Looks good, thanks for updating the thread!

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘vertical align text with logo in menu’ is closed to new replies.