Archived topic

Vertical-align middle of Header for main navigation menu text ?

3 replies · Started by lemonrockcompany on August 17, 2021

Viewing posts 1–4 of 4

August 17, 2021 at 8:09 pm #1899528

How do I vertically align middle navigation menu text to be in the middle of the header? [see attached picture in link]

August 17, 2021 at 9:24 pm #1899571

Hi there,

Consider removing all the paddings you've added manually and set the site's structure to "Flexbox" on Appearance > Customize > General.

You then add this CSS:

nav#site-navigation {
    display: flex;
    align-content: center;
    align-items: center;
}

August 18, 2021 at 5:29 am #1899982

Thank you. By changing settings to "Flexbox", it works.

August 18, 2021 at 7:18 pm #1900784

Nice one. Glad it works for you. :D

This archived topic is closed to new replies.