Site URL: https://carlotta-notaro.squarespace.com/
Hello! My site is https://carlotta-notaro.squarespace.com/ Password: mollystupida
My navigation stacks into two lines on smaller screens:
So I used a code from the kind @tuanphan to un-stack it:
.header-title-nav-wrapper {
flex: 1 0 85% !important;
flex-wrap: nowrap !important;
}
.header-nav {
width: 100% !important;
flex: 1 1 100% !important;
}
It puts my navigation links in one nice line, but now the links aren't horizontally centered:
I would like to horizontally re-center my navigation links like this:
Do you have any CSS code snippets to re-center my navigation links horizontally, in the middle of the header?
Thanks in advance! 🙂