faithcreative
-
Posts
1 -
Joined
-
Last visited
Free online sessions where you’ll learn the basics and refine your Squarespace skills.
Stand out online with the help of an experienced designer or developer.
Make top navigation menu one row
in Customize with code
Posted
I'm trying to make my top navigation menu one row, but every time I try doing this, the entire header moves slightly to the right. I think this is because of the cart icon. What code would fix this? I added this code but the alignment isn't good across screen sizes on desktop.
I'm currently using this code:
@media screen and (min-width: 992px) {
nav.header-nav-list {
flex-wrap: nowrap;
margin-left:18vw!important;
}
}
@media screen and (min-width: 992px) {
.header-title {
width: 20% !important;
flex: 1 1 20% !important;
margin-left:18vw!important;
}}