navigation centered beneath logo - York theme

Site URL: https://www.gewoonarie.nl/

Hi there, I have seen some questions about this, but not the right answer, I think ;). So, I would just like my navigation under my logo, all centered. Should not be hard, but for me it is. Thanks

Add to Home > Design > Custom CSS

header#header {
    flex-direction: column-reverse;
    justify-content: center;
}

Thanks @tuanphan that works, but now it needs some vertical spacing, because the navigations now sticks to my logo. Any more ideas? Thanks!

On 11/10/2020 at 3:55 PM, arie said:

Thanks @tuanphan that works, but now it needs some vertical spacing, because the navigations now sticks to my logo. Any more ideas? Thanks!

New code

header#header {
    flex-direction: column-reverse;
    justify-content: center;
}
[data-nc-container="left"] {
    margin-top: 20px;
}

Thank you very much, this works great! 😀

14 minutes ago, arie said:

Thank you very much, this works great! 😀

I see homepage on tablet/mobile has very long content. You can consider adding a back to top button.

Good tip, will try that, thanks again!