Archived topic
move main menu up
5 replies · Started by Cynthia on February 16, 2023
I would like to move the main navigation upwards but I can't figure out which element to apply css to.
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?
I want to reduce the amount of space above the main menu. I want to move it up. Wesbite URL is in private field.
I see. Try adding this through Appearance > Customize > Additional CSS:
.inside-header {
align-items: flex-start;
}
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.
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.