mathildenicoline Posted March 30, 2022 Share Posted March 30, 2022 (edited) Site URL: https://brass-porcupine-ghs7.squarespace.com/ My page has a small round logo, plus a cart icon, I have set element spacing as low as possible, but the navigation links still separates into two lines. Any code to decrease the element spacing even more? Edited March 30, 2022 by mathildenicoline Link to comment
SQSPStarter Posted March 30, 2022 Share Posted March 30, 2022 @mathildenicoline Use this code to make it better. Go to Design > Custom CSS > Paste the Code .header-layout-nav-center .header-nav { width: 54%; text-align: center; flex: 1 1 54%; } .header-layout-nav-center .header-title { width: 23%; flex: 1 1 23%; } .header-layout-nav-center .header-actions { width: 23%; } Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
mathildenicoline Posted March 30, 2022 Author Share Posted March 30, 2022 1 hour ago, TheSquareSpacer said: @mathildenicoline Use this code to make it better. Go to Design > Custom CSS > Paste the Code .header-layout-nav-center .header-nav { width: 54%; text-align: center; flex: 1 1 54%; } .header-layout-nav-center .header-title { width: 23%; flex: 1 1 23%; } .header-layout-nav-center .header-actions { width: 23%; } Thank you so much, this did the trick! SQSPStarter 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment