I have two things I am working on regarding the sub-navigation for Squarespace 7.0 Tremont template.
1. Having the same issue but with sub-navigation. I don't want the text to wrap when stacked. (see the first screenshot). I want the titles of the pages to be all on one line.
2. I am also looking for the sub-navigation to be horizontal instead of vertical. I've gotten this far (see the second screenshot) and am hoping that removing the text wrap will also solve the awkwardness of the horizontal menu. Unless there is a better code.
Looking for it to be similar to this site: http://baralaye.com/work
The CSS code I put in for the horizontal menu is :
/* Nav dropdown */
.subnav {
width: 100% !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-content: flex-end;
}
.subnav {
margin-right: 30px;
top: 30px;
}
.subnav {
position: static;
}
.subnav {
flex-wrap: nowrap;
}
