[Support request] move main menu up

[Cynthia]

I would like to move the main navigation upwards but I can’t figure out which element to apply css to.

[Fernando]

Hi Cynthia,

May we know what you exactly mean by “upwards”?

Do you want to move it to the Top bar, or do you just want to reduce the spacing?

[Cynthia]

I want to reduce the amount of space above the main menu. I want to move it up. Wesbite URL is in private field.

[Fernando]

I see. Try adding this through Appearance > Customize > Additional CSS:

.inside-header {
    align-items: flex-start;
}

[Cynthia]

That does move the main nav up, but then when I adjust it down slightly by using margin-top: 70px;, then it applies that to the logo, which I don’t want.
The navigation is now exactly where I want it, but I want to move the logo back up where it was.

[Fernando]

Try this code instead:

.inside-header {
    align-items: flex-start;
}

.inside-header .inside-navigation.grid-container {
    padding-top: 70px;
}

Remove the code for the top margin that you added.

[Author]

Posts